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

Question

我想做这样的事情： 所以，当我点击这条线的一部分时，我的播放器中的音乐将从选定的时刻开始播放音乐。我应该怎么做（检测用户点击此栏的位置）？使用画布还是有其他方法？我认为画布不是个好主意，但是用什么代替呢？

Answer 1

基本思路：

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

Answer 2

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

当您移动滑块时，您可以检测到该事件，并可能要求您的播放器 API 转到该时刻。

 You can try ans see if it helps.

演示