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应用中心有个插件挺好用的，但最近失效了不能播放了，不能播放也不能搜索解析，期待作者可以更新解决一下。

继续

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

Meting-JS APlayer丨网页音乐播放器相关推荐

【html+css练习】小白使用html+css模拟音乐播放器构造了网页音乐播放器--1
文章目录纯html+css构造网页音乐播放器 html代码: CSS代码: 纯html+css构造网页音乐播放器此处参照各大音乐播放器这个页面使用了1天的时间进行构造,由于对各语法还不是很熟悉, ...
10款Flash和Javascript网页音乐播放器
关联:9 Fresh jQuery Media Players 10款音乐播放器, 有基于javascript的网页音乐播放器,也有基于Flash的音乐播放器.赶快挑一款,分享你喜爱的音乐吧! 1. ...
vue写js代码_vue.js弹出式音乐播放器特效代码
码农那点事儿关注我们,一起学习进步 vue弹出式音乐播放器是一款基于vue.js实现的点击弹出式音乐播放器代码特效,点击图片即可弹出播放界面大图,可切换列表模式,上一首下一首音乐切换等功能. 下载源 ...
基于Vue实现的网页音乐播放器
基于Vue现实网页音乐播放器该音乐播放器是由父组件和子组件相结合通过axios获取音乐的相关属性,将其显示在界面,通过点击实现相应的操作.链接为https://download.csdn.net/d ...
HTML5之audio实战，网页音乐播放器开发
今天我们就基于 HTML5 audio 来,开发一个网页音乐播放器. 在HTML5 新特性中,audio .video 是我们比较关心的新元素,我们终于可以脱离 Flash ,来开发音频.视频播 ...
用JavaScript实现简易的网页音乐播放器
用JavaScript实现简易的网页音乐播放器最近疫情在家,利用这段时间开始自学HTML等内容,目前在写自己的个人主页,想用音乐来给自己的主页增添点特色. 一开始单纯用audio标签添加音乐,带上a ...
好程序员前端分享使用JS开发简单的音乐播放器
好程序员前端分享使用JS开发简单的音乐播放器,最近,我们在教学生使用JavaScript,今天就带大家开发一款简单的音乐播放器.首先,最终效果如图所示: 首先,我们来编写html界面index.htm ...
使用HTML5实现网页音乐播放器
转自http://www.php.cn/html5-tutorial-402849.html 本篇文章主要介绍了HTML5网页音乐播放器的示例代码,内容挺不错的,现在分享给大家,也给大家做个参考. 本 ...
JS事件笔记：音乐播放器
运用JavaScript制作一个网页音乐播放器. 静态图片: HTML文件: <body>  <div id="musicplayer&q ...

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

Meting-JS APlayer丨网页音乐播放器相关推荐

最新文章

热门文章