可视化音频插件wavesurfer.js多音频实例代码

注：本地预览请用火狐浏览器，chrome本地预览有跨域问题！

使用方法

在HTML中，包括缩小的脚本：

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="js/wavesurfer.min.js"></script>

创建一个显示波形的容器（可动态创建多个）：

<div id="waveform"></div>

在JavaScript应用程序中，创建一个waveurfer实例，传递容器选择器以及一些选项：

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

最后，加载音频：

wavesurfer.load('audio.mp3');