mp3player

一个用来播放 mp3 音频文件的网页播放器。通过 ajax 获取数据，使用 audiocontext 或 mediasource 播放。可边播放边下载，下载完成后可对音频数据进行二次处理。

内容

• 浏览器兼容性
• 功能特性
• 安装
• 使用
• 案例
• Player构造函数
• 贡献

浏览器兼容性

| IE | Firefox | Chrome | Safari | iOS | Android | |:---------:|:---------:|:---------:|:---------:|:---------:|:---------:| | IE11+ | ✓| ✓ | ✓ | ✓ | ✓ | ✓

功能特性

• [x] 支持使用原生 JavaScript 解码mp3（修改了 jsmad）
• [x] 支持使用 mediasource 播放音频
• [x] 支持对音频数据进行再次处理
• [x] 持续维护迭代

安装

NPM

npm install mp3player --save

使用

开发

npm run dev

编译案例

npm run build:example

编译生产环境

npm run build:prod

案例

请查看example

aduiocontext oline demo

mediasource oline demo

Player构造函数

|option|description|default|val| |:---|---|---|---| |usemediasource|是否使用 mediasource 播放音频（默认使用 audiocontext 播放音频）|false|Boolean| |onloadedmetadata|元数据解析成功回调|function(){}|Function| |ontimeupdate|播放时长更新回调|function(){}|Function| |onplay|开始播放回调|function(){}|Function| |onpause|暂停回调|function(){}|Function| |onwaiting|加载中回调|function(){}|Function| |onplaying|缓冲完成回调|function(){}|Function| |onend|播放结束回调|function(){}|Function| |onbeforedecode|数据拉取成功回调（可对数据进行二次处理，例如解密等工作）|function(){}|Function|

方法

paly

/**
 * 播放音频
 */
function paly()

seek

/**
 * 播放音频
 * @param {percent} Number 进度百分比
 */
function seek(percent)

pause

/**
 * 暂停播放
 */
function pause()

贡献

欢迎给出一些意见和优化，期待你的 Pull Request