绝对零度试验机的创造战记:2.小型HTML5本地音乐播放器

绝对零度试验机的创造战记:2.小型HTML5本地音乐播放器
二前记：
接触HTML5和Javascript已经有三四个月了，一直都是半桶水程度，当然，想达到满水的程度还真不是那么简单。
之前买过一本HTML5的书，里面有个一个小型的HTML5本地音乐播放器。
那里的代码把半桶水的我搞到一头雾水，里面的代码我研究了前后一个多月。当然，说是一个多月实际上总时间加起来才不过一个白天而已。
不过我起码把代码弄懂并敲得个滚瓜烂熟了。

就我个人认为，对于一些有利于巩固基础的代码不如把它给敲熟，以后就算代码完全不记得了，但里面有些技术你已经用惯了。

二记：
由于原代码我都几乎能背出来了，所以到真正动手时就自然十分流利，除了遇上世纪大BUG
音乐播放器我本想做成百度音乐盒风格，但忽然发现我很多技术都暂时不懂，最起码我PHP还处在岸边，唯一有点自信的就是烂大街的CSS/DIV布局，当然就自信不等于好，实际上CSS/DIV布局我才懂了两个月，而且还未系统地学过，只是看过一篇一百多行的CSS/DIV布局的源码。
但我还是努力地做了，于是勉强做出来了，对于别人的代码升级的地方在于界面的CSS3效果

然后说说遇上的大BUG
第一个问题：
下一首曲目的按钮没反应，上一首曲目有反应，点了上一首后再点下一首按钮，下一首又有反应了。经过我不断调试，终于发现了bug，原因是'+'这东西。同一句代码，第一次运行时用成字符连接,0+1直接成了01，第二次才是加法0+1=1，原因我不清楚，但解决方法是有的，就是-1+2，为什么我就不说了。
第二个问题：
e.srcElement，这真是个奇怪现象，我那用到e.srcElement的代码与别人的代码差不多，别人的能运行，而我的在同一浏览器却运行不了。为啥，查了一个多小时，找不到原因，于是直接度娘了，最后的解决方法是用e.target，于是较好的方法便是if一下，有target的用target，没的用srcElement。

第一步：HTML/DIV基础格局
第二步：敲CSS，CSS3.0
第三步：敲JS

所用知识：
html
css,css3.0
html5中的<audio>相关知识
半桶水的Javascript知识
半桶水的JQuery知识

网址：http://4dmapping.sinaapp.com/godFile/HTML5/MusicPlayer/music.html

代码不贴了，在网址那里找源代码吧，不过sae耗云豆，最好少点击(呵呵)

二后记：
感想：
这个项目没啥个创意，而且兼容性做得很差(最好效果是用Chrome浏览器)，不过现在是1.0版本，有很多升级的空间……