Wavesurfer.js是一款基于html5 canvas和Web Audio的音频播放器插件 。Wavesurfer.js用于创建交互式可操作音频可视化，使用Web Audio和HTML5 Canvas技术。可以显示当前音频的声波。

利用 wavesurfer.js 你可以创建漂亮的 HTML5 音乐播放器或一个复杂的DJ应用。

使用方法

选择一个容器：

<divid="waveform"></div>

创建一个实例，通过容器的选择选项：

var wavesurfer = WaveSurfer.create({
    container: '#waveform',
    waveColor: 'violet',
    progressColor: 'purple'
});

订阅一些事件：

wavesurfer.on('ready', function () {
    wavesurfer.play();
});

从一个URL加载音频文件：

wavesurfer.load('example/media/demo.wav');

options参数说明：

链接: https://fly63.com/nav/1837