这是之前写的用H5制作的音乐播放器,前三节其实已经做得差不多了,音轨的制作原理已经在上一节说明,不过一直还没有和音乐对接。
本章作为该系列的一个完结篇,我会专门把动态音轨的实现代码贴出来,demo地址会在文章最后给出。
为了尽可能保持条理清晰,我就重新开一个页面来说明吧。你把本文的代码拷过去,应该是可以直接运行的。(当然,音乐文件需要换成你本地的)
1. 画一个demo页
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>音轨和音乐对接</title> </head> <body> </body> </html>
在这个页面的head部分添加一个style块,我就不单独整css文件了,把所有的样式都写在一个页面吧。
给body添加一个线性背景
body { background:-web

