源来页 公告 登陆

简单的线上音乐播放器 APlayer & MetingJS

composer @Ta
2020-04-15 21:36

APlayer & MetingJS
它可以很复杂——定制显示内容和样式
也可以很简单——就那么几行代码的事
详细学习还是看官方文档吧:
https://github.com/MoePlayer/APlayer
https://github.com/metowolf/MetingJS
官方网站;https://aplayer.js.org/#/zh-Hans/?id=cdn
简单的:
在header上添加

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.js"></script>

在footer上添加
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Meting.min.js"></script

在使用的地方加上
<div class="aplayer" data-id="60198" data-server="netease" data-type="playlist"></div>
<div class="aplayer" data-id="002QE24W26baEy" data-server="tencent" data-type="album" data-fixed="true" data-autoplay="false" data-volume="1.0" data-list-max-height="200px" data-list-folded="true"></div>


必要的参数

data-id =>音乐页面链接上的id号

data-server => 平台名称。netease:网易;tencent:腾讯;xiami:虾米;kugou:酷狗;baidu:百度

data-type=>类型。playlist:歌单;song:单曲;专辑:album;关键词:search;歌手:artist

更多参数详见 https://github.com/metowolf/MetingJS#option

最后编辑:2020-04-15 21:38
阅:74 发表于2020-04-15 21:36
#其他教程
评论:

返回源来页/返回首页


天合之作 曲在人意

心灵鸡汤:
      

®2019-2020 all power by Zlproject2.88 首页 #top

天合之作 曲在人意