项目名称:wavesurfer-js
github地址:https://github.com/katspaugh/wavesurfer.js
官网地址:http://wavesurfer-js.org/
技术原理:Web Audio API
核心,通过 getChannelData 获取波形的峰值,然后通过 canvas 进行绘制,并且同时使用 audio 进行播放。
能用来干嘛?我用它来做语音标注工具。
其他的采用了这个组件的牛逼项目:
https://github.com/katspaugh/wavesurfer.js/wiki/Projects