項目名稱: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