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