Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将rangeslider.js用于HTML5音频时间清理器_Javascript_Jquery_Html_Audio_Slider - Fatal编程技术网

Javascript 将rangeslider.js用于HTML5音频时间清理器

Javascript 将rangeslider.js用于HTML5音频时间清理器,javascript,jquery,html,audio,slider,Javascript,Jquery,Html,Audio,Slider,我正在深入研究的细节,我很难将他的代码整合到一个简单的HTML5音频元素的控制和反应中 我发现,您可以通过单击按钮以编程方式更改滑块的值,但我如何链接音频以在播放时自动更新音频,并通过单击并拖动滑块的拇指来修改音频?我在这里制作了一个工作演示: 这将使用timeupdate事件来更新范围滑块 然而,当你试图在播放时改变时间时,会有一些怪癖——有时它会突然回到原来的位置。我相信这是一种比赛状态,因为当你滑行赛道时,timeupdate事件会触发并将其更改回当前时间。为了使其正常工作,您可能需要引入

我正在深入研究的细节,我很难将他的代码整合到一个简单的HTML5音频元素的控制和反应中


我发现,您可以通过单击按钮以编程方式更改滑块的值,但我如何链接音频以在播放时自动更新音频,并通过单击并拖动滑块的拇指来修改音频?

我在这里制作了一个工作演示:

这将使用
timeupdate
事件来更新范围滑块

然而,当你试图在播放时改变时间时,会有一些怪癖——有时它会突然回到原来的位置。我相信这是一种比赛状态,因为当你滑行赛道时,
timeupdate
事件会触发并将其更改回当前时间。为了使其正常工作,您可能需要引入一些额外的逻辑,例如在拖动滑块时暂停音频


希望这有帮助

这就是我错过的,束缚。非常感谢。给你一颗金星。