首先我使用的是APlayer播放器,为了省事直接使用Aplayer的插件Meting引用网易云的歌单。
<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>
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>
<meting-js
server="netease"
type="playlist"
id="8376491198"
fixed="true"
mini="true"
order="random"
loop="all"
preload="auto"
list-folded="true">
</meting-js>
但这种我想要播放的本地音乐就不能播放,只能把我要的音乐上传到WordPress的媒体库中,然后在自己手动编写播放列表。原本歌单中的歌曲可以通过抓包直接获得需要的信息,不用在手动填写了。
<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>
<div id = 'aplayer'></ div>
<script>
var ap = new APlayer
({
element: document.getElementById('aplayer'),
showlrc: false,
fixed: true,
mini: true,
audio:[
{
"title": "おうちに帰りたい",
"author": "雨宮天 / 高橋李依 / 茅野愛衣",
"url":
"https://api.i-meto.com/meting/api?server=netease&type=url&id=456175210&auth=562bf22c30a314d0f9635cf6fcec72bac2a07830",
"pic":
"https://api.i-meto.com/meting/api?server=netease&type=pic&id=18735678139060808&auth=6be2cf2a74dce0908d9975cd5e3cd97eea424eee",
"lrc":
"https://api.i-meto.com/meting/api?server=netease&type=lrc&id=456175210&auth=04c57806fd116403293f94c698a1d00558db1d63"
},
{
"title": "小さな恋のうた (小小恋歌)",
"author": "高桥李依",
"url":
"本地歌曲地址",
"pic":
"本地图片地址",
},
]
});
ap.init();
</script>
title为标题,author为作者,url填歌曲地址,pic填封面图片,lrc填歌词地址。更多使用方法有很博主都做了教程,百度一下或者直接看官方文档就行了,这里不做更多的介绍了。
这时会发现会发现没有办法播放一些歌曲,这是因为网易云的限制问题,可以配置一下cookie来使用自己的账号,至于配置方法可以看一下meting的wiki。
这里也介绍一种比较好用的插件:Hermit-X
不过Hermit-X是一个很久之前的插件了,现在已经停止更新了,作者的网址现在也打不开了,这里简单的放一下简码的使用。
[hermit auto="0" loop="1" theme="#e6d0b2"]netease_songs#:2034742057[/hermit]
大部分的参数可以直接参考Aplayer的参数设置:
auto:是否自动播放;
loop:是否循环;
theme:主题颜色;
netease_songs:网易云歌曲,或者可以填写netease_playlist:网易云歌单;
2034742057是歌曲或者歌单的id。
Comments NOTHING