Делаем видео-чат в веб-браузере с минимумом трудозатрат

Создание приложения, пользователей, сценария и настройка

VoxEngine.forwardCallToUserDirect();

VoxEngine.forwardCallToUser(null, true);

var call1, call2;

VoxEngine.addEventListener(AppEvents.CallAlerting, function(e) {  
  call1 = e.call;
  call2 = VoxEngine.callUserDirect(e.call, e.destination, e.displayName, e.headers);
  call2.addEventListener(CallEvents.Connected, handleCallConnected);
});

function handleCallConnected(e) {
  call1.answerDirect(call2);
  // Тут можно, например, разъединить звонок через какое-то время
  setTimeout(VoxEngine.terminate, 5000);
}

Создание веб-клиента

// Подключаем SDK
<script type="text/javascript" src="//cdn.voximplant.com/edge/voximplant.min.js"></script>
//функция для выведения лога сразу в HTML
function log(str) {
  document.getElementById("log").innerHTML += str+"<br/>";
}

// Создаем инстанс VoxImplant 
var voxAPI = VoxImplant.getInstance();
// Вешаем обработчики событий
voxAPI.on(VoxImplant.Events.SDKReady, onSdkReady);
voxAPI.on(VoxImplant.Events.ConnectionEstablished, onConnectionEstablished);
voxAPI.on(VoxImplant.Events.ConnectionFailed, onConnectionFailed);
voxAPI.on(VoxImplant.Events.ConnectionClosed, onConnectionClosed);
voxAPI.on(VoxImplant.Events.AuthResult, onAuthResult);
voxAPI.v(VoxImplant.Events.IncomingCall, onIncomingCall);
voxAPI.on(VoxImplant.Events.MicAccessResult, onMicAccessResult);

// Инициализуем SDK
try {
    voxAPI.init({ 
        micRequired: true, // запрос доступа к микрофону/камере до подключения к VoxImplant
        videoSupport: true // включить поддержку видео
    });
} catch(e) {
    // если произошла ошибка инициализации, то выводим ее
    log(e.message);
}

// Теперь можно пользоваться SDK - подключаемся
function onSdkReady(){        
    voxAPI.connect(); // после вызова появится диалог доступа к камере/микрофону
}

// Обрабатываем
function onMicAccessResult(e) {
    if (e.result) {
        // разрешили доступ к камере/микрофону

    } else {
        // запретили доступ к камере/микрофону
    }
}

// Установили соединение с VoxImplant
function onConnectionEstablished() {
    // Можно авторизоваться - тут надо показать диалог для ввода данных, а потом вызвать следующую функцию
    // Замените application_user, application_name, account_name и application_user_password на ваши данные для тестирования
    voxAPI.login(application_user+"@"+application_name+"."+account_name+".voximplant.com", application_user_password);
}

// Не смогли подключиться к VoxImplant
function onConnectionFailed() {
    // Или веб-сокеты не подключились или UDP закрыто
}

// Закрылось соединение
function onConnectionClosed() {
    // Можно вызвать connect по новой для переподключения
}

function onAuthResult(e) {
    if (e.result) { 
        // авторизовались - теперь можно звонить или принимать звонки
    } else {
        // ошибка авторизации, можно посмотреть e.code, чтобы понять что не так
    }
}

var currentCall = null; // текущий звонок

// Входящий звонок
function onIncomingCall(e) {
    currentCall = e.call;
    // Вешаем обработчики
    currentCall.on(VoxImplant.CallEvents.Connected, onCallConnected);
    currentCall.on(VoxImplant.CallEvents.Disconnected, onCallDisconnected);
    currentCall.on(VoxImplant.CallEvents.Failed, onCallFailed);
    // Отвечаем на звонок автоматически. В нормальном приложении лучше показать инфо о входящем звонке и дать возможность принять или отбить.
    currentCall.answer(null, {}, { receiveVideo: true, sendVideo: true });
}

// Функция для исходящего звонка
function createCall() {
    // application_username - имя юзера, которому звонит (по видео)
    currentCall = voxAPI.call(application_username, { receiveVideo: true, sendVideo: true }, "TEST CUSTOM DATA", {"X-DirectCall": "true"});
    // Вешаем обработчики
    currentCall.on(VoxImplant.CallEvents.Connected, onCallConnected);
    currentCall.on(VoxImplant.CallEvents.Disconnected, onCallDisconnected);
    currentCall.on(VoxImplant.CallEvents.Failed, onCallFailed);
}

// Звонок соединился
function onCallConnected(e) {  
  // Включаем отправку видео и показываем входящее видео        
  voxAPI.sendVideo(true);
  currentCall.showRemoteVideo(true);
}

// Звонок завершился
function onCallDisconnected(e) {
  currentCall = null;
}

// Ошибка при звонке
function onCallFailed(e) {
  // Код ошибки e.code, описание ошибки e.reason
}