0

我有一个简单的语音聊天工作:

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();

如何添加将视频添加到现有语音聊天的按钮?

4

1 回答 1

0

您首先需要确保您有视频视图。要设置视频视图,请创建一个简单的视频容器:

<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();
于 2014-10-15T23:23:23.213 回答