想問一下,如何利用canvas技術(shù)製作出上下跳動(dòng)的音樂譜
#就是類似這張圖片一樣的,簡(jiǎn)單的可以上下跳動(dòng)的效果!
學(xué)習(xí)是最好的投資!
剛學(xué)前端的時(shí)候做過一個(gè)可視化音頻播放器,要用到 Web Audio API,配合 H5 Audio element 兼容性會(huì)好一些,至於 Canvas,網(wǎng)上有很多資料,就不贅述了:
Web Audio API
Web Audio API 在 ie 的相容性不太好。另外,慕課有課程,可以作為入門:
HTML5 音樂視覺化-慕課網(wǎng)
以下是我自己做的小 Demo,僅做參考,用現(xiàn)代框架寫應(yīng)該會(huì)好很多:
A demo(使用 Chrome 瀏覽)
[source code]https://github.com/huangbuyi/...