轻量 HTML5 播放器 AetherPlayer

码农软件 · 软件分类 · Web多媒体播放器 · 2019-04-23 06:44:40

软件介绍

AetherPlayer是一个类CD的轻量HTML5播放器,特别适合博客及个人站点使用。它漂亮得不像……咳,这边吹牛的话就不说了。

aetherplayer

安装AetherPlayer简单到只需要为你的文件添加一行代码。

特点

  • 自动加载 : 只需要添加引导文件,剩余的都会在运行时自动加载。

  • 延迟加载 : 所有AetherPlayer相关文件都会在你原有页面全部完成后才会加载,完全不必担心影响原有页面的加载速度。

  • 自定义配置 : 你可以在配置中更改默认的位置,播放模式,debug等参数。

  • 预加载 : 播放列表中所有专辑封面图会在播放器初始化时开始顺序加载,即在播放到对应的曲目之前,封面图就已加载完毕。

用法

0) 把整个文件夹拷贝到你的项目中,你可以把它放到任意位置。

1) 将AetherPlayer_bootstrap.js引入到你想要添加AetherPlayer的页面文件, 然后给它一个名为aetherplayer-bootstrap的id。 AetherPlayer相当智能以至于它能够自动为你导入剩余的文件。

例 <script src="assets/aetherplayer/js/AetherPlayer_bootstrap.js" id="aetherplayer-bootstrap"></script>

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中更改相关初始配置。

本文地址:https://codercto.com/soft/d/4183.html

PWA实战

PWA实战

[美]Dean Alan Hume / 郑丰彧 / 电子工业出版社 / 2018-6 / 69

Progressive Web App(PWA)是由谷歌提出的一整套技术解决方案,它致力于为 Web 提供出色的用户体验,并完美体现了渐进增强原则。作为为数不多的实战入门用书,《PWA 实战:面向下一代的Progressive Web App》旨在通过大量清晰示例来介绍 PWA 的主要特性。全书一共由五个部分组成:第一部分介绍 PWA 的概念及解锁 PWA 应用的关键—Service Worker......一起来看看 《PWA实战》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

MD5 加密
MD5 加密

MD5 加密工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具