Пример Click to Call
Данный пример позволяет сделать 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 с хешем 66cc39302c8028, которая находится здесь и доступна для скачивания в соответствующей сборке 2.0.5.28.2753.133.178.
1. Инициализация API.
Flashphoner.init() code
Code Block | ||||
---|---|---|---|---|
| ||||
try { Flashphoner.init(); } catch({flashMediaProviderSwfLocation: '../../../../media-provider.swf'});e) { $("#notifyFlash").text("Your browser doesn't support WebRTC technology needed for this example"); return; } |
2. Подключение к серверу.
createSession() code
Методу createSession() передается объект с параметрами для подключения
- urlServer - URL для WebSocket-соединения с WCS-сервером
- appKey - внутреннее серверное приложение 'clickToCallApp'
...
- sipOptions - параметры SIP соединения, взятые из полей скрытой формы
Code Block | ||||
---|---|---|---|---|
| ||||
var url = $('#urlServer').val(); var appKey = "clickToCallApp"; sipOptions = { 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 code
При обработке данного события создается исходящий звонок
...
session.createCall(), call() code
При создании в метод передаются следующие параметры
...
5. Завершение звонка.
call.hangup() code
Code Block | ||||
---|---|---|---|---|
| ||||
$("#callBtn").text("Hangup").removeClass("btn-success").addClass("btn-danger").off('click').click(function(){ $(this).prop('disabled', true); outCall.hangup(); }).prop('disabled', false); |