有一种方法可以使材料UI的线性进度栏看起来像音乐应用的Seekbar？

Question

将材料-UI的线性进度栏作为Seekbar，到目前为止，我能够将其连接到音频持续时间并更新当前的播放位置。 但是我希望在任何媒体网站上像Seekbar一样可点击酒吧，并在该特定时间戳上播放音频/视频。 我是我的线性进度条的代码：

<LinearProgress
          className="top"
          variant="determinate"
          value={(this.state.currentTime * 100) / this.state.duration}
        />

<span style={{width: your width}}>
  <Slider style={{width: videoRef.current?.clientWidth ? videoRef.current?.clientWidth-176.5 : 0}}
          min={0}
          max={duration}
          value={currentTime}
          onChange={handleProgressChange}
          aria-labelledby="continuous-slider"
  />
</span>

const handleProgressChange = (e: any, value: any) => {
  videoRef.current!.currentTime = value;
  e.preventDefault();
}

Answer 1