commit
e05cda7d21
|
|
@ -583,32 +583,32 @@ const Meeting: React.FC = () => {
|
|||
return () => clearTimeout(timer);
|
||||
}, [isClicked]);
|
||||
|
||||
useEffect(() => {
|
||||
const elements = document.querySelectorAll('.intersectionObserver-view');
|
||||
if (elements.length && currentVideoId) {
|
||||
elements.forEach(element => {
|
||||
observer?.unobserve(element);
|
||||
});
|
||||
const observerObject = new IntersectionObserver(async (entries: IntersectionObserverEntry[], _observer: IntersectionObserver) => {
|
||||
entries.forEach(async (entry) => {
|
||||
if (entry.target.id !== user.uid) {
|
||||
await agora.muteRemoteVideoStreamEx(Number(entry.target.id), !entry.isIntersecting)
|
||||
}
|
||||
});
|
||||
await agora.muteRemoteVideoStreamEx(Number(currentVideoId), false)
|
||||
}, { threshold: 0, root: document.getElementById('videoView') });
|
||||
setObserver(observerObject)
|
||||
elements.forEach(element => {
|
||||
observerObject.observe(element);
|
||||
});
|
||||
}
|
||||
return () => {
|
||||
elements.forEach(element => {
|
||||
observer?.unobserve(element);
|
||||
});
|
||||
observer?.disconnect();
|
||||
}
|
||||
}, [roomUserList, currentVideoId]);
|
||||
// useEffect(() => {
|
||||
// const elements = document.querySelectorAll('.intersectionObserver-view');
|
||||
// if (elements.length && currentVideoId) {
|
||||
// elements.forEach(element => {
|
||||
// observer?.unobserve(element);
|
||||
// });
|
||||
// const observerObject = new IntersectionObserver(async (entries: IntersectionObserverEntry[], _observer: IntersectionObserver) => {
|
||||
// entries.forEach(async (entry) => {
|
||||
// if (entry.target.id !== user.uid) {
|
||||
// await agora.muteRemoteVideoStreamEx(Number(entry.target.id), !entry.isIntersecting)
|
||||
// }
|
||||
// });
|
||||
// await agora.muteRemoteVideoStreamEx(Number(currentVideoId), false)
|
||||
// }, { threshold: 0, root: document.getElementById('videoView') });
|
||||
// setObserver(observerObject)
|
||||
// elements.forEach(element => {
|
||||
// observerObject.observe(element);
|
||||
// });
|
||||
// }
|
||||
// return () => {
|
||||
// elements.forEach(element => {
|
||||
// observer?.unobserve(element);
|
||||
// });
|
||||
// observer?.disconnect();
|
||||
// }
|
||||
// }, [roomUserList, currentVideoId]);
|
||||
|
||||
// 声网初始化
|
||||
const agoraInit = async () => {
|
||||
|
|
|
|||
Loading…
Reference in New Issue