网络音乐播放器 - 如何制作滚动条

Question

我想要做这样的事情： 所以，当我点击这一行的一部分时，播放器中的音乐将从所选时刻开始播放音乐。 我该怎么做（检测用户点击这个栏的位置）？使用帆布还是有另一种方式？ 我认为画布不是好主意，而是使用什么呢？

Answer 1

基本理念：

• 向“控件”添加onclick事件处理程序（如<span>或<div>）。
• 确定用户点击的位置（根据您要支持的浏览器，这可能很棘手; example）。
• 将点击的位置与“控件”的宽度进行比较，以确定相对位置（例如，以50％，75％等开始播放; relpos = x / width;）。
• 根据确定的相对位置（playpos = duration * relpos;）
更改播放位置

Answer 2

也许你可以试试这个：     http://jqueryui.com/slider/#rangemin

移动滑块时，您可以检测到该事件，并可能要求玩家API进入该时刻。

 You can try ans see if it helps.

Demo