SimpleWebRTC 同步定时器

如何解决SimpleWebRTC 同步定时器

我目前正在使用 Andy 的 SimpleWebRTC 开发一个直播平台，我正在尝试创建一个任何加入直播的人都可以看到的计时器。我正在使用反应复合计时器。计时器需要跨多个浏览器同步，但我目前只能让它在本地工作。如果有人对 SimpleWebRTC 或一般的 WebRTC 有经验，我将不胜感激。

        <Timer
          initialTime={0}
          startImmediately={false}
          onStart={() => console.log('onStart hook')}
          onStop={() => console.log('onStop hook')}
          onReset={() => console.log('onReset hook')}
          >
          {({ start,stop,reset } : any) => (
              <React.Fragment>
                  <div> 
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      <Timer.Minutes /> minutes 
                      &nbsp;
                      &nbsp;
                      <Timer.Seconds /> seconds
                      <br />   
                      &nbsp;
                      &nbsp;
                      <TimerButton onClick={start}>Start</TimerButton>
                      &nbsp;
                      &nbsp;
                      <TimerButton onClick={stop}>Stop</TimerButton>
                      &nbsp;
                      &nbsp;
                      <TimerButton onClick={reset}>Reset</TimerButton>
                  </div>
              </React.Fragment>
          )}
        </Timer> 
      

你可以找到原github here。我项目中的计时器位于 Sidebar.tsx