“私房音乐”页面折腾完毕,HOHO~


在11月4日《最近要折腾的几件事》中,写到想折腾出更好的音乐页面,就是因为之前看到了台湾的达人SkyArrow利用HTML5做的播放器,当时看到了,觉得酷毙了帅呆了~今晚趁着没事来捣鼓捣鼓,因为SkyArrow直接提供代码下载,所以只需上传然后调用就可以了。之后只出现过一个问题,就是JS文件编码的问题,导致页面所有中文都变成了乱码。因为是利用HTML5,作者没有针对IE进行优化,所有在IE上会有问题。还有个烦人的地方就是,播放列表要手动添加,包括标题、演唱者、专辑和封面,要是几十首歌的话,hoho,添加你到手软!总体来说,效果还是非常满意的!

效果预览:http://music.xinsenz.com/

相信有朋友也想要,hoho,方法传送门:

http://zespia.tw/blog/2012/02/04/lab-html5-audio/

38 条评论

  1. 果断被博主无视了,不考虑IE用户的感受啊!!!!!话说我也一直想弄个音乐播放页面的。嘿嘿

    1. 我是单独做了个music页面,然后再在博客新建页面,然后用iframe调用之前做的music页面。

  2. 灰常不错… 貌似之前看到过一款类似的html5的音乐播放器.. 名字忘记了 老外写的

  3. mp3可以使用外链吗?唯一不爽的就是,手动添加的东西好多啊,不过确实小清新。