Meting-JS & APlayer丨网页音乐播放器
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
设置步骤:
在网站需要播放器的地方添加代码。我这里直接添加到了单独的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>
我还有个需求就是可以同步网易云音乐、QQ等的歌单,这样我就不用一个一个加音乐了,直接在网易云音乐里就可以增删音乐,个别VIP听不了的就单独弄条播放器。
本来z-blog应用中心有个插件挺好用的,但最近失效了不能播放了,不能播放也不能搜索解析,期待作者可以更新解决一下。
继续
设置好后保存即可。重新刷新页面,稍等片刻即可加载出来。