AetherPlayer 介绍
AetherPlayer 是一个类CD的轻量HTML5播放器,特别适合博客及个人站点使用。它漂亮得不像……咳,这边吹牛的话就不说了。
安装AetherPlayer简单到只需要为你的文件添加一行代码。
特点
-
自动加载 : 只需要添加引导文件,剩余的都会在运行时自动加载。
-
延迟加载 : 所有AetherPlayer相关文件都会在你原有页面全部完成后才会加载,完全不必担心影响原有页面的加载速度。
-
自定义配置 : 你可以在配置中更改默认的位置,播放模式,debug等参数。
-
预加载 : 播放列表中所有专辑封面图会在播放器初始化时开始顺序加载,即在播放到对应的曲目之前,封面图就已加载完毕。
用法
0) 把整个文件夹拷贝到你的项目中,你可以把它放到任意位置。
1) 将AetherPlayer_bootstrap.js引入到你想要添加AetherPlayer的页面文件, 然后给它一个名为aetherplayer-
bootstrap的id。 AetherPlayer相当智能以至于它能够自动为你导入剩余的文件。
例
2) 在js/playlist.js中编辑播放列表。
例 var playList=[{‘artist’:’Adele’,’songName’:’rolling in the
deep','songURL':'http://www.xxx.com/path/to/song/rolling_in_the_deep.mp3','songAlbum':'http://www.xxx.com/path/to/album/rolling_in_the_deep.jpg’},];
3) 享受音乐吧:)
提示:在这之前你可以在js/AetherPlayer.js中更改相关初始配置。
AetherPlayer 官网
https://github.com/peinhu/aetherplayer
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。