分享:帶波形的語音播放工具(wavesurfer-js)


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM