注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

星期五

明天不上班

 
 
 

日志

 
 
关于我

一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。

网易考拉推荐

使用speakker实现Douban FM音乐播放(2)  

2012-02-03 19:07:29|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
接着来,我把程序加强了一下:(只支持IE9)
speakker的源码:http://code.google.com/p/speakker/source/detail?r=17
查看源码时,发现speakker代码完全基于projekktor, 所以只需要查阅projekktor的API,将它的代码加强一下
主要为播放器增加以下功能
1.网页打开,自动播放
2.列表播放玩之后,自动取下一个列表
3.增加Next Play List功能

这里贴出speakker.js的部分代码

$(ref).html( smallSpeakker );
projekktor($(ref).children('.mspeakker'), projekktorConfig, function(player) {
clearLinks($(ref))
player.addListener('state', pauseAllButMe);
// when the play list finish.
if(config.playListFinish){
player.addListener('state', config.playListFinish);
}

// auto player
if(config.autoPlay){
player.setPlay();
}

});

修改后Demo.html中的JS的代码

<script type="text/javascript">
$(document).ready(function() {
function getSongList(){

var songList = [];
$.ajax({
url : "http://douban.fm/j/mine/playlist?type=n&channel=1",
dataType : "json",
cache: false,
async: false,
success : function(data) {
$('.playList').empty();
$.each(data['song'], function(n, value) {
var song = {};
song["0"] = {
"src" : value.url,
"type" : "audio/mp3"
};
song["config"] = {
"ID" : n+1,
"title" : value.title,
"poster" : value.picture,
"start" : true
};
songList.push(song);
$('.playList').append("<li>"+(n+1)+"&nbsp;"+value.title+"</li>");
});
}
})
return songList;
}

var songList = getSongList();
 

function nextPlayList(playerState, player) {
if (playerState == 'COMPLETED') {
player.setFile({"playlist" : getSongList()});
}
}


$('.speakkerSmall').speakker({
file: {"playlist" : songList},
playlist: true,
poster: 'img/album-cover.png',
title: 'Douban FM',
theme: 'dark',
autoPlay: true,
playListFinish: nextPlayList
});

$('.next').click(function(){

$('.speakkerSmall').speakker({
file: {"playlist" : getSongList()},
playlist: true,
poster: 'img/album-cover.png',
title: 'Douban FM',
theme: 'dark',
autoPlay: true,
playListFinish: nextPlayList
});

});
});
</script>

截图:
使用speakker实现Douban FM音乐播放(2) - 星期五 - 星期五

源码下载地址: http://download.csdn.net/detail/hurry70/4043150

2012-2-6 补充
修改两个严重错误
最新源码 http://download.csdn.net/detail/hurry70/4046639
  评论这张
 
阅读(852)| 评论(0)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017