播放音乐进度条，如何实现。

2014-09-30 13:22:30 +08:00
 nawsix
如何把progress改造成类似播放进度条那样，点击某个位置，就从当前位置开始播放。
2769 次点击
所在节点    程序员
1 条回复
miniwade514
2014-09-30 15:41:33 +08:00
Audio 元素有很多属性、事件，利用这些实现你要的效果非常简单。
两个关键点：
1. currentTime 属性可以用来获取/设置当前的播放进度。
2. 准确地获取到点击位置和进度条的位置、长度。
这是我以前写的一个 demo： http://gallery.hudidit.com/old-projects/MusicPlayer/

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/136525

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX