...
Table of Contents |
---|
Пример для совершения SIP аудиозвонка в один клик
Данный пример позволяет сделать SIP аудиозвонок одним кликом кнопки, используя аккаунт, заданный в файле настроек сервера
/usr/local/FlashphonerWebCallServer/conf/apps/click-to-call/accounts.xml
заданный SIP аккаунт
Код примера
Код данного примера находится на WCS-сервере по следующему пути:
/usr/local/FlashphonerWebCallServer/client2/examples/demo/sip/click-to-call
click-to-call.css - таблица стилей для страницы примера
click-to-call.html - страница примера
click-to-call.js - скрипт, обеспечивающий работу примера
...
Здесь host - адрес WCS-сервера.
Работа с кодом примера
Для разбора кода возьмем версию файла click-to-call.js с хешем 26fc5afa246baea80867fa011305da811edab1f002c8028, которая находится здесь и доступна для скачивания в соответствующей сборке 2.0.5.5.1894178.
1. Инициализация API.
Code Block | ||||
---|---|---|---|---|
| ||||
try { Flashphoner.init({flashMediaProviderSwfLocation: '../../../../media-provider.swf'});); } catch(e) { $("#notifyFlash").text("Your browser doesn't support WebRTC technology needed for this example"); return; } |
2. Подключение к серверу.
Методу createSession() передается объект с параметрами для подключения
- urlServer - URL для WebSocket-соединения с WCS-сервером
- appKey - внутреннее серверное приложение 'clickToCallApp'
...
- sipOptions - параметры SIP соединения, взятые из полей скрытой формы
Code Block | ||||
---|---|---|---|---|
| ||||
var url = $('#urlServer').val(); var appKeysipOptions = "clickToCallApp"; { login: $('#sipLogin').val(), authenticationName: $('#sipAuthenticationName').val(), password: $('#sipPassword').val(), domain: $('#sipDomain').val(), outboundProxy: $('#sipOutboundProxy').val(), port: $('#sipPort').val(), registerRequired: true }; var connectionOptions = { urlServer: url, appKeysipOptions: appKey sipOptions }; //create session console.log("Create new session with url " + url); Flashphoner.createSession(connectionOptions).on(SESSION_STATUS.ESTABLISHED, function(session){ ... }); |
3. Получение от сервера события, подтверждающего успешное соединение.
ConnectionStatusEvent ESTABLISHED кодESTABLISHED code
При обработке данного события создается исходящий звонок
...
session.createCall(), call() код code
При создании в метод передаются следующие параметры
...
5. Завершение звонка.
Code Block | ||||
---|---|---|---|---|
| ||||
$("#callBtn").text("Hangup").removeClass("btn-success").addClass("btn-danger").off('click').click(function(){ $(this).prop('disabled', true); outCall.hangup(); }).prop('disabled', false); |