jssip开启多人视频会议怎么获取视频流并显示在页面的video上?-灵析社区

silennn

使用jssip库搭建音视频对讲时,一对一的音视频通了,但是多人视频会议怎么获取视频流并显示在页面的video上? 我目前写的监听: userAgent.on("newRTCSession", (e) => { let newsession = e.session newSession.on("confirmed", (e) => { const addTrack = (tracks, stream) => { console.log('tracks', tracks) console.log('stream', stream) for (let i = 0; i < tracks.length; i++) { stream.addTrack(tracks[i].track); } } if(newSession.connection.getSenders()){ console.log('自己的流'); const localVideoStream = new MediaStream(); const localVideo = that.$refs.localVideo localVideo.srcObject = localVideoStream; addTrack(newSession.connection.getSenders(), localVideoStream); localVideo.play(); } const remoteVideoStream = new MediaStream() const remoteVideo = that.$refs.remoteVideo remoteVideo.srcObject = remoteVideoStream addTrack(newSession.connection.getReceivers(), remoteVideoStream) remoteVideo.play() }) }); 我现在这样写,当多人进入的时候,别人的视频就都放在一个video标签里了,而且只显示一个,不会把多个人的视频显示出来,需要怎么写呢?有没有大佬知道的赐教赐教 [所有代码都写在这了](https://codepen.io/junhunlrw/pen/LYqmdpr)

阅读量:15

点赞量:0

问AI
解决了,直接上面的写法不变,修改一下freeswitch的配置: 1、在default.xml添加: //123456是会议的房间号,目前是写死,后期需要配置为动态 https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241113/9613cba0052aab2cd23848264a81b07b.png 2、在conference.conf.xml添加 "" https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241113/154472f5f61686b81c744c10904f47e1.png 参考文档:"https://blog.csdn.net/jia198810/article/details/118070169?ops..." (https://link.segmentfault.com/?enc=YI0BW1DowdTpzcy7Ibhgog%3D%3D.ja6%2FssYuFY8lWcGRjvfycYQxR3NBMcn5GSjWia3A856p9HQD65Y2yiRKOU7J3Du50K30EauVzM%2BEdv2GVszBLuQm820WwXniuUlTQ30w38VQxfEtd%2BghN3C%2FPLHGkp2J7Q00dtIC60VhhLdwvH%2FflLebW4JopJ13yG%2BILOFIpStW6H6uYcAIlhXg3hT4pMy7JIi55RRXDcN6BHpXad4NI0qSxNf%2FXQ8ux6TP9gJUdlYX%2Fe1LvoUu85MUlVapYM%2BG6G8r7ahVRAvWjMZHVlm9W7ta%2F0nyQXrqvqEth9nrPVfYUH4bdMloQ9q9paf21d89C%2F1CwO0rkqqAvTmy7Hy6YKoQ347wlMvg%2BLkbG2hrLN%2FuX0oE44NYG6kAMgd1qG84mOYm9K6G%2BSNhTAaFIdZpd70biRzIddi1dAJBJyFIYwXgpJFSZ9xDqQRPg4tfodXDmmM0rKhgDnoGh%2FXwLPgQnzN6sO5jF1aHccuWosvYRgd2hjq7CrbZcCPA6OMRUAgh1w7eNVjUqAziosvWUHGUqSHwCquTk3SytuCFn%2Be6r56EgS8COkq%2F1CPdePlJAMMh)