美观的html5音乐播放器

widuu 2013-5-7 前台技术 3,818 0 喜欢 (0)

今天无意间发现一个HTML5的音乐播放器,由于清爽的界面和操作我忍不住给拔了下来然后把东西放出来给大家看!下面是截图大家看下效果!

html5播放器效果图

演示地址:http://www.widuu.com/fm/

核心的js代码其实就是他写的一个js库,下边放出js代码片段

 
[js]

(function($){
// Settings
var repeat = localStorage.repeat || 0,
shuffle = localStorage.shuffle || 'false',
continous = true,
autoplay = true,
playlist = [
{
title: '那些年',
artist: '胡夏',
album: '那些年,我们一起追的女孩',
cover: 'http://x.libdd.com/farm1/79cec1/7103dc78/01.jpg',
mp3: 'http://zt-ktv.com/uploadfile/20111019/20111019095946928.mp3',
ogg: 'http://music.k618.cn/yd/gnlx/201211/W020121107852694658444.mp3'
},

[/js]

转载请注明来自微度网络,本文标题:《美观的html5音乐播放器》

喜欢 0 发布评论
Top