我有一个简单的语音聊天工作:
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();
如何在现有语音聊天中添加添加视频的按钮?
您首先需要确保您有一个视频视图。要设置视频视图,请创建一个简单的视频容器:
<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();