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

在PhoneRTC中，如何将现有语音聊天转换为视频聊天？

1 个答案: