webrtc使用效应清理功能
我想清理使用效率的webrtc。我正在使用等待/异步。
useEffect(() => {
const fetchData = async() =>{
try{
pc = new RTCPeerConnection()
if(callUserFlag){
localVideoRef.current.srcObject = await navigator.mediaDevices.getUserMedia({audio: true, video: true})
localVideoRef.current.srcObject.getTracks().forEach(track => {
pc.addTrack(track,localVideoRef.current.srcObject)
})
const offer = await pc.createOffer();
await pc.setLocalDescription(offer);
socket.emit("call user", {
offer: offer,
toSocket: socketId
})
}
}
catch(err){
console.error("Error: " + err);
}
}
fetchData()
return () => {
cleanupFunction()
}
},[])
这是控制台结果: 错误:TypeError:无法读取空的属性(读取'createOffer')
I want to clean up webRTC in useEffect. I'm using await/async.
useEffect(() => {
const fetchData = async() =>{
try{
pc = new RTCPeerConnection()
if(callUserFlag){
localVideoRef.current.srcObject = await navigator.mediaDevices.getUserMedia({audio: true, video: true})
localVideoRef.current.srcObject.getTracks().forEach(track => {
pc.addTrack(track,localVideoRef.current.srcObject)
})
const offer = await pc.createOffer();
await pc.setLocalDescription(offer);
socket.emit("call user", {
offer: offer,
toSocket: socketId
})
}
}
catch(err){
console.error("Error: " + err);
}
}
fetchData()
return () => {
cleanupFunction()
}
},[])
Here is console result:
Error: TypeError: Cannot read properties of null (reading 'createOffer')
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论