Reactjs 使用youtube iframe和socket.io时处理事件

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.io实时观看youtube视频。理论上,所有用户也将使用视频播放器控件,但如果其中一个用户快速连续多次按下“播放/暂停”按钮,则会出现无限循环。我怎样才能防止这种情况发生

服务器代码:

 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)
    }
}