使用 rangeslider.js 作为 HTML5 音频时间洗涤器
Using rangeslider.js for an HTML5 audio time scrubber
我正在深入研究 Andre Ruffert's rangeslider.js 的细节，但我很难将他的代码整合到对简单 HTML5 音频元素的控制和反应中。
我看到您可以通过单击按钮以编程方式更改滑块的值，但是我如何 link 音频在播放时随音频自动更新，并修改音频单击并拖动滑块的拇指？
我在这里做了一个工作演示：http://jsfiddle.net/alan0xd7/79ff562k/
这使用 timeupdate 事件来更新范围滑块。
但是，当您尝试在播放时更改时间时会出现一些问题 - 有时它会突然回到原来的位置。我相信这是某种竞争条件，因为当您滑动轨道时，timeupdate 事件会触发并将其更改回当前时间。为了使其正常工作，您可能需要引入一些额外的逻辑，例如在拖动滑块时暂停音频。
希望对您有所帮助！
我正在深入研究 Andre Ruffert's rangeslider.js 的细节，但我很难将他的代码整合到对简单 HTML5 音频元素的控制和反应中。
我看到您可以通过单击按钮以编程方式更改滑块的值，但是我如何 link 音频在播放时随音频自动更新，并修改音频单击并拖动滑块的拇指？
我在这里做了一个工作演示：http://jsfiddle.net/alan0xd7/79ff562k/
这使用 timeupdate 事件来更新范围滑块。
但是，当您尝试在播放时更改时间时会出现一些问题 - 有时它会突然回到原来的位置。我相信这是某种竞争条件，因为当您滑动轨道时，timeupdate 事件会触发并将其更改回当前时间。为了使其正常工作，您可能需要引入一些额外的逻辑，例如在拖动滑块时暂停音频。
希望对您有所帮助！