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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3692 天前的主题，其中的信息可能已经有所发展或是发生改变。

如何把progress改造成类似播放进度条那样，点击某个位置，就从当前位置开始播放。

进度

播放

progress

1 条回复 • 2014-09-30 15:41:33 +08:00

miniwade514

2014-09-30 15:41:33 +08:00

Audio 元素有很多属性、事件，利用这些实现你要的效果非常简单。
两个关键点：
1. currentTime 属性可以用来获取/设置当前的播放进度。
2. 准确地获取到点击位置和进度条的位置、长度。
这是我以前写的一个 demo： http://gallery.hudidit.com/old-projects/MusicPlayer/