当前位置:首页 > 网站类 > Meting-JS & APlayer丨网页音乐播放器

Meting-JS & APlayer丨网页音乐播放器

山非水3年前 (2021-01-08)网站类1363

APlayer项目GitHub地址:https://github.com/DIYgod/APlayer

APlayer官方文档说明:https://aplayer.js.org/#/zh-Hans/

作者 DIYgod:https://diygod.me/

MetingJS项目GitHub地址:https://github.com/metowolf/MetingJS


应用实例看本网站“听Ting”页面:https://rwx.tza-3.xyz/TingTing.html

image.png

设置步骤:

在网站需要播放器的地方添加代码。我这里直接添加到了单独的header文件里,也就是网站所有的页面都会加载。(本来想做个全局播放器的,切换页面不中断播放的那种,但找了用iframe-例如网易云音乐界面、AJAX异步的 JS 和 XML-没搞明白没弄成、单网页应用-别提了太难了)最后弄了个单独的音乐页面。

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
 <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
 <!-- require MetingJS -->
 <script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

image.png

我还有个需求就是可以同步网易云音乐、QQ等的歌单,这样我就不用一个一个加音乐了,直接在网易云音乐里就可以增删音乐,个别VIP听不了的就单独弄条播放器。

本来z-blog应用中心有个插件挺好用的,但最近失效了不能播放了,不能播放也不能搜索解析,期待作者可以更新解决一下。

image.png

继续

image.png

设置好后保存即可。重新刷新页面,稍等片刻即可加载出来。


标签: 音乐播放器
分享给朋友:

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。