《HTML5音樂可視化》是慕課網提供的慕課課程，授課老師是Doving。
基本介紹
- 中文名：HTML5音樂可視化
- 提供方：慕課網
- 類別：慕課
- 授課老師：Doving
課程簡介,課程大綱,
課程簡介
單純的音樂播放是否過於單調，在聽音樂的同時如果也能看見音樂是否更加帶感。本課程將帶領你使用webAudio和canvas將你的音樂以你喜歡的形式可視化出來，讓你的音樂動起來。
課程大綱
第1章課程整體介紹
本章演示了套用的功能以及所涉及到的知識
1-1HTML5音樂可視化課程介紹(07:23)
第2章音樂獲取及播放
本章講解了如何從前端界面向服務端請求音頻資源並利用webAudio相關API播放音樂
2-1[HTML5音樂可視化]構建套用前後端(10:37)
2-2ajax請求服務端音頻資源數據(06:26)
2-3解碼並播放音頻資源(09:10)
2-4添加音量控制(04:11)
2-5播放bug修復(06:20)
第3章音樂數據可視化
本章講解了如何使用webAudio將音頻資源數據傳遞給canvas將其可視化
3-1分析音頻資源（一）(05:29)
3-2分析音頻資源（二）(07:11)
3-3利用canvas將音樂數據可視化（柱狀圖）(08:27)
3-4利用canvas將音樂數據可視化（圓點圖）(13:30)
第4章套用最佳化
本章講解了webAudio部分的代碼對象化，可視化效果以及界面的最佳化
4-1webAudioAPI梳理(10:09)
4-2webAudio核心功能封裝為對象(17:17)
4-3柱狀圖美化(07:45)
4-4圓點圖美化(05:05)
4-5界面最佳化(08:58)
4-6最佳化與總結(17:55)
