Wavesurfer.js是一个基于HTML5的音频开源播放器,外观可定制自带音频波形可视化效果;很多参数属性可以设置,外观我觉得还可以简洁大方;准备以后捣鼓一些音频放博客所以正好需要一个这种类型的音频播放器;
waveurfer.js是可自定义的音频波形可视化,建立在Web Audio API和HTML5 Canvas之上。
使用waveurfer.js,您可以创建任何内容,从HTML5音频播放器到复杂的DJ应用程序。
快速开始
在HTML中,包括缩小的脚本:
<script src="https://unpkg.com/wavesurfer.js"></script>
创建一个要显示波形的容器:
<div id="waveform"></div>
在您的JavaScript应用中,创建一个waveurfer实例,并将容器选择器和一些选项一起传递:
var wavesurfer = WaveSurfer.create({
container: '#waveform',
waveColor: 'violet',
progressColor: 'purple'
});
最后,加载音频:
wavesurfer.load('audio.wav');
查看我们的小型教程。作为完整参考,这里有关于所有参数,方法和事件的文档。
如果您有任何疑问或发现错误,请随时与我们联系。
享受您与waveurfer.js的经验!
转载请注明:楚盟网 » Wavesurfer.js带频谱音乐播放器