wordress插件 漂亮的音乐播放器插件Aplayer

漂亮的音乐播放器插件Aplayer

Aplayer是一款HTML5的WordPress音乐播放器,界面仿照网易云音乐外链播放器,每个音乐需要填写音乐名称、作者、音乐封面、还有外链地址,添加成功后在音乐列表右侧复制短代码到文章需要显示的位置粘即可。

使用方法:

下载插件并在后台进行启用,启用后会在文章栏目下多个“音乐”栏目。

在后台“音乐”下,填写相关内容,如下图所示:

漂亮的音乐播放器插件Aplayer

填写相关内容之后保存,在所有音乐里面可以查看到音乐信息;

复制音乐的“短代码”到文章里就能正常播放了。

漂亮的音乐播放器插件Aplayer

音乐样式:
图片[4]-wordress插件 漂亮的音乐播放器插件Aplayer-蓝米兔博客

不保证播放器与任何主题都能兼容,主题请根据CSS自行修改。

选项说明:

element:绑定的播放器元素。

narrow:是否使用窄屏模式,即只显示缩略图和播放按钮,请看演示demo中的样式3。

autoplay:是否自动播放,注意这个在移动端手机上不支持自动播放的。

showlrc:是否展示歌词,请看演示demo中的样式1。

music:用来设置播放音乐相关信息的集合,其中title表示音乐标题,author表示音乐的作者,url表示播放文件地址,pic当然就是播放的音乐缩略图。

APlayer还提供了播放器事件,如载入播放器:ap.init();播放:ap.play()和暂停:ap.pause()。

有关APlayer项目的最新进展,大家可以关注APlayer项目地址:https://github.com/DIYgod/APlayer

最后:
因为本站主题有音乐播放功能,就没使用这款插件了。
[music]http://189.noome.cn/music/%E6%A1%A5%E8%BE%B9%E5%A7%91%E5%A8%98%20-%20MC%E6%B5%B7%E4%BC%A6.mp3[/music]

© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏
分享
评论 共4条

请登录后发表评论