# Настройка WebRTC клиента SIPML5

## Настройка АТС <a href="#nastrojka_ats" id="nastrojka_ats"></a>

Для корректной работа WebRTC в большинстве браузеров необходим доверенный SSL сертификат. Рекомендуем использовать дополнительный модуль [Модуль Lets encrypt](https://docs.mikopbx.com/mikopbx/modules/miko/module-get-ssl-lets-encrypt). Для использования модуля АТС должна быть доступна на белом IP адресе.

1. Создайте новую учетную запись [**сотрудника**](https://docs.mikopbx.com/mikopbx/manual/telephony/extensions).
2. **Вариант 1.** Индивидуально для каждого внутреннего номера устанавливается, что он работает только по протоколу RTС. В разделе «**Расширенные настройки**» - «**Дополнительные параметры SIP учетной записи**» Добавьте опции:

```
 [endpoint]
webrtc=yes
```

Нажмите «**Сохранить**». С этого момента данный внутренний номер сможет работать *только* по протоколу WebRTC.

<figure><img src="https://3704471835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPK4TuzRBnP7rt8htho-887967055%2Fuploads%2FersFvOBLz017lPm7ZSoW%2FadditionalInfoExtension.png?alt=media&#x26;token=88c2cffd-8b8e-4fa8-a916-f13633810ec7" alt=""><figcaption><p>Extra options в параметрах сотрудника </p></figcaption></figure>

\
**Вариант 2.** Для всех внутренних номеров устанавливается, что они могут работать, *как по протоколу PJSIP, так и по WebRTC*.\
Для этого в разделе **Система → Общие настройки → SIP** включите переключатель «**Использовать WebRTC**».

<figure><img src="https://3704471835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPK4TuzRBnP7rt8htho-887967055%2Fuploads%2F4r4NFSQnwVfOfqoXDNUF%2FwebrtcBtn.png?alt=media&#x26;token=412f9df2-aaa8-4707-80ef-f1acf95e1b27" alt=""><figcaption><p>Переключатель "Использовать WebRTC"</p></figcaption></figure>

3. В MikoPBX в разделе «**Сеть и Firewall**» → «**Сетевой экран**» добавить подсеть 0.0.0.0 с маской 0.0.0.0. Откройте доступ по AJAM

<figure><img src="https://3704471835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPK4TuzRBnP7rt8htho-887967055%2Fuploads%2FBvyW0ZoBvHdOeRstdYOr%2FajamBtn.png?alt=media&#x26;token=2a5f3e4d-a7c2-4fdc-9220-fbb7eaf5ba0e" alt=""><figcaption><p>Адрес, маска, переключатель AJAM в настройках сетевого экрана</p></figcaption></figure>

4. Перейдите в «**Система**» → «**Общие настройки**» → «**AMI\&AJAM**». Убедитесь, что «**Порт AJAM с шифрованием**» установлен в значение **8089.**

<figure><img src="https://3704471835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPK4TuzRBnP7rt8htho-887967055%2Fuploads%2FyswZ6YXFFGuv8Urknzqm%2FajamPort.png?alt=media&#x26;token=9ae65e7a-c47e-40ad-8c51-e518cfd52fa1" alt=""><figcaption><p>Порт AJAM с шифрованием</p></figcaption></figure>

5. В разделе «[Общие настройки](https://docs.mikopbx.com/mikopbx/manual/system/general-settings)» укажите адрес STUN сервера. Например **stun.sipnet.ru**

<figure><img src="https://3704471835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPK4TuzRBnP7rt8htho-887967055%2Fuploads%2Fjl5EjRP6AXA7braGijoq%2FstunAddress.png?alt=media&#x26;token=525bcbdf-eeac-40cd-92bb-9b00b0560033" alt=""><figcaption><p>STUN сервер</p></figcaption></figure>

6. Откройте в браузере ссылку «[**https://АДРЕС\_АТС:8089/asterisk/ws**](https://xn--_-7sbbof9dici:8089/asterisk/ws)». Используйте Chrome, в других браузерах могут быть проблемы. Если сертификат самоподписанный, то может появиться предупреждение «**Подключение не защищено**», игнорируйте его и выполните действие «**Перейти на сайт**»

Должно появиться следующее сообщение:

<figure><img src="https://3704471835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPK4TuzRBnP7rt8htho-887967055%2Fuploads%2F5c1AI0HEGCktXjto8EFo%2Fimage.png?alt=media&#x26;token=aa986fe8-a734-4dda-9fc1-a23208f845a8" alt=""><figcaption></figcaption></figure>

Ответил asterisk - настройка прошла успешно.

## Настройка Web RTC клиента <a href="#nastrojka_web_rtc_klienta" id="nastrojka_web_rtc_klienta"></a>

1. Перейдите на сайт [https://sipml5.org](https://sipml5.org/). Вы будете переправлены на страницу <https://www.doubango.org/sipml5/>. Перейдите по ссылке "[Enjoy our live demo](https://www.doubango.org/sipml5/call.htm?svn=252)"
2. Настроим Web RTC клиент:

<figure><img src="https://3704471835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPK4TuzRBnP7rt8htho-887967055%2Fuploads%2F96hjDfVSCJeLbgn9hWDr%2Fimage.png?alt=media&#x26;token=936f0ef4-02c3-41dc-984d-0e9e7579a084" alt=""><figcaption></figcaption></figure>

Поле «**Public Identity**» опишите по шаблону

```
sip:ВНУТРЕННИЙ_НОМЕР@АДРЕС_АТС
```

**При включении опции** [Использовать WebRTC](https://docs.mikopbx.com/mikopbx/manual/system/general-settings#sip)

```
sip:ВНУТРЕННИЙ_НОМЕР-WS@АДРЕС_АТС
```

Кликните по кнопке «**Expert mode?**» и выполните дополнительную настройку:

<figure><img src="https://3704471835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MPK4TuzRBnP7rt8htho-887967055%2Fuploads%2Fljg9ffCyyC8IMhheQ08d%2Fimage.png?alt=media&#x26;token=9578908a-82dc-416f-8e2e-718f7d0ffe4d" alt=""><figcaption></figcaption></figure>

«**WebSocket Server URL**» опишите по шаблону

<pre><code><strong>wss://АДРЕС_АТС:8089/asterisk/ws
</strong></code></pre>

Выполните действие **Login.** Теперь можно совершать звонки.