這是之前寫的用H5制作的音樂播放器，前三節(jié)其實(shí)已經(jīng)做得差不多了，音軌的制作原理已經(jīng)在上一節(jié)說明，不過一直還沒有和音樂對(duì)接。
本章作為該系列的一個(gè)完結(jié)篇，我會(huì)專門把動(dòng)態(tài)音軌的實(shí)現(xiàn)代碼貼出來，demo地址會(huì)在文章最后給出。
為了盡可能保持條理清晰，我就重新開一個(gè)頁面來說明吧。你把本文的代碼拷過去，應(yīng)該是可以直接運(yùn)行的。（當(dāng)然，音樂文件需要換成你本地的）
1. 畫一個(gè)demo頁
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>音軌和音樂對(duì)接</title> </head> <body> </body> </html>
在這個(gè)頁面的head部分添加一個(gè)style塊，我就不單獨(dú)整css文件了，把所有的樣式都寫在一個(gè)頁面吧。
給body添加一個(gè)線性背景
body { background:-web
