淮北网站建设制作,微信公众号开发流程图,网页游戏网站7,wordpress 获取父分类插件描述#xff1a;一款基于HTML5、Css3的列表式音乐播放器#xff0c;包含列表#xff0c;音量#xff0c;进度#xff0c;时间#xff0c;歌词展示以及模式等功能#xff0c;不依赖任何库SMusic使用方法这是一款基于HTML5以及CSS3的列表式音乐播放器#xff0c;增加…插件描述一款基于HTML5、Css3的列表式音乐播放器包含列表音量进度时间歌词展示以及模式等功能不依赖任何库SMusic使用方法这是一款基于HTML5以及CSS3的列表式音乐播放器增加了列表播放音量控制播放进度播放时间以及播放模式上一曲下一曲等功能已增加歌词功能。采用原生JavaScript编写不依赖任何库文件兼容支持html5的浏览器。下载包中的代码已压缩。可配置参数参数名类型默认值可选值说明musicListArray Object[]自定义,格式如[{title:标题,singer:歌手,cover:封面,src:地址}]播放媒体文件列表defaultVolumeNumber.7自定义范围在 0 - 1 之间初始化音量值defaultIndexNumber0初始化播放索引autoPlay[1.0.1新增]booleantrue是否自动播放defaultMode[1.0.2新增]Number11列表模式2随机模式3单曲循环默认播放模式随机模式优先于defaultIndexcallback[1.0.2新增]Functionfunction (obj) { }返回当前播放媒体文件信息(Object)关于歌词由于涉及AJAX请求请在服务器环境下演示目前只支持UTF8编码歌词文件歌词形式如下[offset:0][00:00.80]车站 (Live) - 李健[00:02.21]词李健[00:02.96]曲竹内玛利亚[00:04.43][00:37.57]车窗外恋人相拥[00:42.62]还在难舍难离[00:46.08][00:47.67]汽笛声突然响起123456789由于歌词文件需要AJAX加载目前只能加载同域文件如果需要跨域加载歌词如远程歌词文件则请自行修改源码(102行)为jsonp请求这里不会再做更新。歌词每行高度如果更改(默认30px)请同时修改js源码356行 var top (i-1) * 30; //30是每个LI的高度播放器整体样式叫丑请自行更改CSS文件注意不要修改类名CSSHTML标题歌手00:00/00:00暂无歌词... JS调用new SMusic({musicList : musicList,autoPlay : true, //是否自动播放defaultMode : 2, //默认播放模式随机callback : function (obj) { //返回当前播放歌曲信息console.log(obj);}});
