audio-helper是一个HTML<audio>的功能扩

audio-helper是一个HTML<audio\>的功能扩展插件，提供了：

npm install audio-helper --save Usage

首先，我们引用：

import { Player, Mix, Join } 'audio-helper'

audio-helper分为三部分内容：

我们来实例化一个播放器：

var poem = new Player({ src: 'poem.mp3', attrs: { loop: true } }) poem.play()

Player接受两个参数，src表示音频地址，attrs即<audio\>的Attributes，参考这里。

一个Player实例有以下几个基础api：

事件相关的api：

其他api：

var playId = poem.on('play', () => { console.log('play!') poem.off('play', playId) })

事件系统的实现借助于on-fire，可以查看其文档帮助理解。

Join用于拼接多个播放器实例：

var a1 = new Player({ src: 'a1.mp3' }) var a2 = new Player({ src: 'a2.mp3' }) var a3 = new Player({ src: 'a3.mp3' }) var speech = new Join(a1, a2, a3) speech.play()

如上，a1、a2和a3一起拼接成speech，speech.play()会按照拼接的顺序依次播放。

Mix用于混合两个播放器实例：

var words = new Player({ src: 'words.mp3' }) var bgm = new Player({ src: 'bgm.mp3', attrs: { loop: true } }) var song = new Mix(words, bgm) song.play()

以上，song.play()将会混合words与bgm两段音频，就像是为words配上了背景音乐一样，当然，song是以words为起点和钟点，bgm将会基于words的长度被裁切。

当然，你也可以进行一些更为复杂的组合方式：

var bark = new Player({ src: 'bark.mp3' }) var meow = new Player({ src: 'meow.mp3' }) var bgm = new Player({ src: 'bgm.mp3', attrs: { loop: true } }) var dog = new Join(bark.copy(), bark.copy(), bark.copy()) var cat = new Join(meow.copy(), meow.copy(), meow.copy()) var yard = new Mix(new Mix(dog, cat), bgm) yard.play()