Saber 酱的抱枕

Fly me to the moon

12/29
2015
学习

saber酱の音乐播放器

这个html5音乐播放器是我花了一天时间琢磨出来的,因为好歹做了个像样的界面,所以版本姑且就叫1.0了。

使用了cookie来记住播放的音乐、音量和循环模式。没有做后台功能,例如评分、喜欢等。

使用网易云音乐的歌单做歌曲列表。

另外,音乐的缓冲进度条可能加载到中途就停止了,这个浏览器的行为,和本播放器无关。chrome经常会这样,火狐则是一口气加载完。如果有需要的话,浏览器会继续加载。
Read More →

saber酱の音乐播放器

04/5
2015
学习

Dewplayer MP3网页播放器


dewplayer是一款开源、小巧的的flash式MP3播放器。它有迷你版、经典版、多功能版等多个版本,可以播放单曲,也有带列表的样式等其他样式。实现起来的差别只在于配置的代码不同。上面的示例由于没有列表,所以比较适合单曲的播放。代码如下:

<embed height="50" width="400" quality="high" allowfullscreen="true" type="application/x-shockwave-flash" src="/f/mp3play.swf" flashvars="mp3=http://img.hdslb.com/media/Sagitta_luminis.mp3|http://img.hdslb.com/media/cibasadehoxii.mp3&amp;autostart=1&amp;bgcolor=ffa666" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"></embed>

更多样式的代码示例和讲解可以参考:
http://www.jb51.net/article/25671.htm
http://yangpanwww.iteye.com/blog/1099580

Dewplayer MP3网页播放器