CODE大全
版权声明:本文为博主原创文章,未经博主允许不得转载。

开源js音乐播放器Dark Player使用教程

发布时间:『 2017-08-15 11:25』  博客类别:WEB前端  阅读(1256) 评论(0)

Drark Player这个音乐播放器界面设计华丽,非常适应做音乐类的博客或网站使用,支持播放列表。效果有点类似于网易云音乐,支持星级指数。

Dark Player是一款基于HTML5的音乐播放器。并且该音乐播放器支持IE7、IE8。比较主流的浏览器也都支持。

HTML5音乐播放器Dark Player

用法

//初始化插件
$('body').ttwMusicPlayer(myPlaylist, {options});
//您可以在options对象中指定以下选项:
{
	currencySymbol:'$',
	buyText:'BUY',
	tracksToShow:5,
	autoplay:false,
	ratingCallback:function(index, playlistItem, rating){
		//一些处理评级的逻辑,也许是通过ajax调用
	}
}
//构建您的播放列表 播放列表使用相同的格式的jPlayer(一个对象数组),但是这个插件需要你添加一些附加的参数。
{
	mp3:'mix/1.mp3',
	oga:'mix/1.ogg',
	rating:4.5,
	title:'Some song title',
	buy:'http://www.xttblog.com',
	price:'0.99',
	duration:'4:28',
	artist:'Artist Name',
	cover:'images/cover.jpg'
}

上面只是列举了两个主要的配置和初始化。下面给大家一个演示地址:http://www.codebasehero.com/files/music-player-1.0.1/demo/

下载地址:http://www.codebasehero.com/download/?file=music-player-1.0.1

参考资料


——— 全文完 ———
如有版权问题,请联系532009913@qq.com。
关键字:   HTML5     音乐播放器     video  
评论信息
暂无评论
发表评论
验证码: 
Powered by CODE大全 | 鄂ICP备14009759号-2 | 网站留言 Copyright © 2014-2016 CODE大全 版权所有