关于 播放器 进度条 点击事件 的问题

Question

1. 点击进度条最末尾处，当前时间会超过歌曲总时长，而且进度条按钮会盖住一部分歌曲总时长。（Slow 3G 模式下更明显）
   
2. 点击进度条最开头处，当前时间不会置为00:00，只有再向左偏移一点的点击，当前时间才会置为00:00。
3. 点击进度条的时候，进度条按钮总是定位在点击位置偏右一点，而不是点击的位置。（Slow 3G 模式下更明显）
   请老师解答一下，谢谢~

Answer 1

ustbhuangyi 2021-05-28 21:55:14

这个进度条的进度并不是以圆形按钮的圆心，而是以它的左侧距离 bar 的起点算出的进度



如果你是靠点击，必须恰好点到这个 bar 的最左侧，而监听 click 就是在这个 bar 上，所以很难点到，而你靠拖动就很容易。

正因为是以圆形按钮的左侧计算，那么你点击的点就是圆形按钮左侧的落位，当然如果你想以圆形的中心为标准，那么需要加一个 1/2 圆形按钮宽度的偏移