如何解决尝试克隆缩放应用程序时,我的代码中是否有任何问题
当我尝试使用相同的会议ID时,它应该在同一页面中同时显示两个用户,但每个页面中仅显示一个用户。根据我复制他们的会议ID并粘贴到另一个会议中的视频选项卡上可以看到两个人并排。
const socket=io('/')
const videoGrid=document.getElementById('video-grid')
const myVideo=document.createElement('video')
myVideo.muted=true
var peer = new Peer(undefined,{
path:'/peerjs',host:'/',port:3030
// host: location.hostname,// port: location.port || (location.protocol === 'https://rapidcom.herokuapp.com' ? 9000 : 80),// path: '/peerjs'
});
let myVideoStream
navigator.mediaDevices.getUserMedia({
video:true,audio:true
}).then(stream=>{
myVideoStream=stream
addVideoStream(myVideo,stream)
peer.on('call',call => {
call.answer(stream)
const video = document.createElement('video')
call.on('stream',userVideoStream => {
addVideoStream(video,userVideoStream)
})
})
socket.on('user-connected',(userId)=>{
connecToNewUser(userId,stream)
})
})
peer.on('open',id=>{
socket.emit('join-room',ROOM_ID)
})
const connecToNewUser=(userId,stream)=>{
const call=peer.call(userId,stream)
const video=document.createElement('video')
call.on('stream',userVideoStream=>{
addVideoStream(video,userVideoStream)
})
}
const addVideoStream=(video,stream)=>{
video.srcObject=stream
video.addEventListener('loadedmetadata',()=>{
video.play()
})
videoGrid.append(video)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。