JS SIP库多人视频会议：获取并显示每个参与者的视频流
本文介绍如何使用jssip库在多人视频会议中获取并显示每个参与者的视频流。
步骤：
-
监听新的RTC会话： 使用
useragent.on("newrtcsession", ...)事件监听器捕捉新的会话。在session.on("confirmed", ...)事件中处理已确认的会话。useragent.on("newrtcsession", (e) => { let newsession = e.session; newsession.on("confirmed", (e) => { // ...后续处理... }); }); -
提取参与者轨道： 利用
addtrack函数将轨道添加到媒体流。此函数用于从newsession.connection.getreceivers()获取每个参与者的轨道。 -
创建媒体流并连接到视频元素： 创建一个新的
MediaStream对象，并将它作为视频元素的srcObject。使用addtrack函数将提取到的轨道添加到该媒体流。最后，调用play()方法播放视频。const remotevideostream = new MediaStream(); const remotevideo = that.$refs.remotevideo; // 假设remotevideo是你的视频元素 remotevideo.srcObject = remotevideostream; addtrack(newsession.connection.getreceivers(), remotevideostream); remotevideo.play();
-
重复步骤2和3： 对于每个新加入的参与者，重复步骤2和3，为每个参与者创建独立的媒体流和视频元素。
-
FreeSWITCH配置： 需要在FreeSWITCH配置中进行相应的修改。
-
default.xml: 添加会议扩展，例如：
-
conference.conf.xml: 设置视频模式为多路分解（具体配置取决于你的FreeSWITCH版本和设置）。
-
通过以上步骤，即可实现多人视频会议中每个参与者视频流的获取和显示。 请注意，that.$refs.remotevideo只是一个示例，你需要根据你的实际代码调整视频元素的引用方式。 FreeSWITCH的配置也需要根据你的具体环境进行调整。
