Веб-страница браузера использует sipml5 (jssip, sipjs) для совершения вызовов (mod_cti основан на FreeSWITCH)-webrtc
Веб-страница браузера использует sipml5 (jssip, sipjs) для совершения вызовов (mod_cti основан на FreeSWITCH)-webrtc

Предисловие

В этом тексте в основном рассказывается, как зарегистрировать учетную запись SIP на веб-странице, чтобы совершать и принимать вызовы. Нет необходимости устанавливать дополнительное программное обеспечение для SIP-телефонов и физические телефоны, что упрощает интеграцию телефонных звонков в такие системы, как CRM.

Однако перед регистрацией учетной записи SIP в Интернете необходимо получить сертификат SSL. Этот сертификат SSL необходимо приобрести. Сертификат SSL — это очень важный инструмент безопасности, который может помочь защитить безопасность данных веб-сайта и предотвратить его атаку или кражу хакерами.


Совет: Ниже приведен текст этой статьи. Следующие случаи приведены для справки.

1. Знакомство с сопутствующими терминами

(1) SSL-сертификат

Сертификат SSL, который означает сертификат уровня защищенных сокетов, представляет собой цифровой сертификат, основной функцией которого является установление зашифрованного соединения между клиентом и сервером. Основная цель такого сертификата — обеспечить безопасность и целостность данных во время передачи и предотвратить кражу или подделку этих данных неавторизованной третьей стороной.

Сертификаты SSL используют технологию шифрования с открытым ключом для установления безопасного зашифрованного соединения между клиентом и сервером. Когда клиент отправляет запрос на сервер, сервер возвращает цифровой сертификат, содержащий его открытый ключ. Затем клиент использует этот открытый ключ для шифрования своего сообщения и отправляет его обратно на сервер. Поскольку только сервер имеет соответствующий закрытый ключ, только сервер может расшифровать сообщение.

Сертификаты SSL обычно выдаются доверенным сторонним центром сертификации (CA). Эти центры сертификации являются признанными и заслуживающими доверия организациями, ответственными за проверку личности веб-сайта и обеспечение его безопасности. Когда веб-сайт хочет получить сертификат SSL, ему необходимо предоставить в центр сертификации некоторую информацию, например сертификат личности владельца веб-сайта, доменное имя веб-сайта и т. д. Затем центр сертификации проверит информацию и, в случае подтверждения, выдаст SSL-сертификат.

(2), ЯССИП

JSSIP — это библиотека JavaScript, специально используемая для реализации связи VoIP (голос через Интернет) на основе протокола SIP (протокол инициации сеанса). Он предоставляет разработчикам набор мощных API-интерфейсов, которые упрощают интеграцию функций голосовых и видеовызовов в веб-приложения.

Используя библиотеку JSSIP, разработчики могут легко реализовать функции голосовой и видеосвязи в реальном времени в веб-приложениях. Протокол SIP — это протокол сигнализации, используемый для установления, изменения и завершения мультимедийных сеансов, а VoIP — это технология, которая преобразует голосовые сигналы в цифровые данные и передает их через Интернет. Библиотека JSSIP использует эти технологии, чтобы предоставить разработчикам простой и удобный в использовании интерфейс, позволяющий им быстро создавать веб-приложения с функциями голосового вызова и видеовызова.

Кроме того, библиотека JSSIP также поддерживает различные браузеры и устройства, включая настольные браузеры, мобильные устройства и т. д. Это позволяет разработчикам добиться единообразного взаимодействия с пользователем на разных платформах. В то же время библиотека JSSIP также обладает хорошей совместимостью и масштабируемостью и может быть настроена и оптимизирована в соответствии с конкретными потребностями.

(3), SIP.js

SIP.js — это библиотека, специально предназначенная для языка программирования JavaScript. Основная функция этой библиотеки — реализация протокола инициации сеанса (SIP), который является очень важным протоколом сетевой связи.

SIP, полное название — Протокол инициирования сеанса, представляет собой протокол управления прикладным уровнем. В основном он используется для установления, изменения и завершения мультимедийных сеансов, включая передачу голоса и видео. Появление этого протокола значительно облегчило развитие сетевых коммуникаций, позволив людям более удобно совершать голосовые и видеозвонки.

Появление SIP.js как библиотеки JavaScript предоставляет разработчикам интерфейса большое удобство. Используя SIP.js, разработчики могут реализовать протокол SIP на своих веб-страницах или в приложениях, позволяя пользователям совершать голосовые и видеовызовы непосредственно на веб-страницах или в приложениях без установки какого-либо дополнительного программного обеспечения или плагинов.


2. Этапы работы

1. Приобретите сертификат SSL, а затем поместите три файла «имя домена_public.crt, имя домена.ключ и имя домена_цепочка.crt» из приобретенного файла сертификата SSL в файл wss.pem. Помните: существуют требования к формату для помещения его в файл wss.pen. Формат следующий:

Язык кода:javascript
копировать
—–BEGIN CERTIFICATE—–
—–END CERTIFICATE—–


—–BEGIN RSA PRIVATE KEY—–
—–END RSA PRIVATE KEY—–


—–BEGIN CERTIFICATE—–
—–END CERTIFICATE—–

2. Загрузите файл wss.pen на виртуальную машину.,Затем раскодируйте этот файл,Команда декодирования:openssl x509 -in wss.pem -noout -text,Наконец, просто переместите его в каталог, где хранится сертификат во freeswitch. Если ты не знаешь

Где находится каталог, в котором freeswitch хранит сертификаты?,Можно найти вfreeswitchВведите в консоль“global_getvar certs_dir”Команда для получения каталога,Также доступенsshВойдите в терминал“fs_cli -x “global_getvar certs_dir””Заказ,Также доступен.

Язык кода:javascript
копировать
freeswitch@MiWiFi-R3D-srv> global_getvar certs_dir
/ddt/fs/certs

[root@MiWiFi-R3D-srv ~]# fs_cli -x "global_getvar certs_dir"
/ddt/fs/certs

Как видно из приведенного выше кода, обе команды могут получить каталог, в котором freeswitch хранит сертификаты — «/ddt/fs/certs».

3. Установите IP-адрес и порт, используемый веб-SIP-телефоном:

В промежуточном программном обеспечении колл-центра DingDingTong CCAdmin -> sip -> Настройте «wss-binding» как «локальный IP» во внутреннем (в основном отвечает за исходящий SIP) + “:” + номер порта webrtc», например: 192.168.31.102:7564.

4. Создайте учетную запись для использования на веб-части веб-страницы.

5. Прежде чем войти на веб-страницу для регистрации учетной записи, обязательно откройте «https://192.168.31.102:7564» в браузере, в котором вы собираетесь зарегистрироваться. Если вы не получите к ней доступ, последующая регистрация учетной записи не будет успешной. . Среди них «192.168.31.102» — это IP-адрес для подачи заявки на сертификат SSL, а «7564» — порт webct. Если вы не приобрели сертификат SSL, на странице появится сообщение о том, что это небезопасное соединение. приобрели сертификат, это безопасное соединение.

6、Войти на сайт:https://www.doubango.org/sipml5/call.htm?svn=252 Зарегистрируйте аккаунт. Следуйте картинке, чтобы зарегистрироваться:

7. Вернитесь на домашнюю страницу и нажмите кнопку «Войти». На странице появится сообщение «Подключено», указывающее, что оно было успешно добавлено. а затем обратно в CCAdmin -> Отладка эксплуатации и обслуживания , если есть информация об учетной записи, зарегистрированной на веб-части страницы, это означает, что учетная запись на веб-части страницы успешно зарегистрирована.

8. Последний шаг — провести «эхо-тест» на программном телефоне SIP на веб-стороне. После звукового сигнала говорите в микрофон, и вы сразу же услышите свой голос. Показывает, что sip-вызов нормальный и задержки нет, и звонок можно совершить.

boy illustration
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
boy illustration
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
boy illustration
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
boy illustration
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
boy illustration
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
boy illustration
Идеальная интеграция Cursor и DeepSeek API
boy illustration
DeepSeek V3 снижает затраты на обучение больших моделей
boy illustration
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
boy illustration
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
boy illustration
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
boy illustration
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
boy illustration
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
boy illustration
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
boy illustration
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
boy illustration
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
boy illustration
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
boy illustration
Cloud Native|Практика: установка Dashbaord для K8s, графика неплохая
boy illustration
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
boy illustration
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
boy illustration
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
boy illustration
Центр конфигурации————Накос
boy illustration
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
boy illustration
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
boy illustration
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
boy illustration
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
boy illustration
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
boy illustration
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
boy illustration
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
boy illustration
[Зона легкого облачного игрового сервера] Управление игровыми архивами
boy illustration
Развертывание SpringCloud-проекта на базе Docker и Docker-Compose