在 PhoneRTC 中，如何将现有的语音聊天变成视频聊天？

Posted 2023-05-06

【中文标题】在 PhoneRTC 中，如何将现有的语音聊天变成视频聊天？

【英文标题】：In PhoneRTC, how can I turn an existing voice chat into a video chat?

【发布时间】：2014-12-11 04:35:58

【问题描述】：

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

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

如何在现有语音聊天中添加用于添加视频的按钮？

【参考方案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();

【讨论】：

这个解决方案对我不起作用。两边都看不到视频，还有什么需要补充的吗？