Reactjs 使用youtube iframe和socket.io时处理事件
我正在创建一个应用程序,两个用户可以使用socket.io实时观看youtube视频。理论上,所有用户也将使用视频播放器控件,但如果其中一个用户快速连续多次按下“播放/暂停”按钮,则会出现无限循环。我怎样才能防止这种情况发生 服务器代码:Reactjs 使用youtube iframe和socket.io时处理事件,reactjs,websocket,socket.io,youtube-api,youtube-iframe-api,Reactjs,Websocket,Socket.io,Youtube Api,Youtube Iframe Api,我正在创建一个应用程序,两个用户可以使用socket.io实时观看youtube视频。理论上,所有用户也将使用视频播放器控件,但如果其中一个用户快速连续多次按下“播放/暂停”按钮,则会出现无限循环。我怎样才能防止这种情况发生 服务器代码: socket.on("player status", playerStatus => { socket.broadcast.emit("status", playerStatus) })
socket.on("player status", playerStatus => {
socket.broadcast.emit("status", playerStatus)
})
客户端代码:
useEffect(() => {
socketRef.current = io.connect('/');
socketRef.current.on("status", status => {
if (status === 1) {
youtubePlayer.current.playVideo();
} else {
youtubePlayer.current.pauseVideo();
}
})
}, []);
function onPlayerStateChange(e) {
if (e.data === 1 || e.data === 2) {
socketRef.current.emit("player status", e.data)
}
}