В PhoneRTC, как я могу превратить существующий голосовой чат в видеочат?

Question

У меня есть простая голосовой чат работа:

var config = { 
    isInitiator: true, 
    turn: { 
     host: 'turn:turn.example.com:3478', 
     username: 'test', 
     password: '123' 
    }, 
    streams: { 
     audio: true, 
     video: false 
    } 
} 

var session = new phonertc.Session(config); 

// ... event handling 

session.call(); 

Как я могу добавить кнопку, которая добавляет видео в существующем голосовом чат?

Answer 1

Сначала вам нужно убедиться, что у вас есть видео. Чтобы настроить просмотр видео, создать простой видео контейнер:

<div id="video-container"></div> 

Убедитесь, чтобы сделать его квадрат с фиксированной шириной и высотой:

#video-container { 
    width: 300px; 
    height: 300px; 
    background-color: #000; 
} 

Затем используйте setVideoView API:

phonertc.setVideoView({ 
    container: document.getElementById('video-container'), 
    local: { 
     position: [0, 0], 
     size: [100, 100] 
    } 
}); 

Чтобы начать отправку видеопотока, перепишите сеанс:

session.streams.video = true; 
session.renegotiate();