原生 HTML5 音频播放器，微信文章页播放器样式

[cyio]

原生 HTML5 音频播放器，微信文章页播放器样式

• JS 主要来自：Building a Custom HTML5 Audio Player with JavaScript - Forays In Web Development
• 播放器结构和样式直接提取自微信公众号页面
• 经修改，实现功能交互与微信播放器一致
  • 显示播放进度和总时间长度
  • 单击（或触摸）切换“暂停”与“播放”

说明：部分 MP3 由于编码问题可能无法获取音频长度（或者准确的长度），我测试将有问题的 MP3 上传到喜马拉雅，转换后得到的 MP3 是可以正确获取长度的。

本实现来自实际微信项目开发需求，用于学习测试 HTML 音视频 API ，定制播放器界面，测试第三方插件等。

另 docs 目录下，有微信原播放器 JS 供学习参考。

项目链接：cyio/html5-audio-player

[peinhu]

不错的播放器，一般时间都是自己填写的吧，元数据我感觉不太靠谱。
搭车一下， WordPress 音频播放器插件 AetherPlayer( http://2ndrenais.com/aetherplayer)现已登陆官方插件库 (逃

[hqs123]

非常实用，参考学习下.

[fhefh]

mark~~