Aplayer音乐播放器+Meting+Hermit X

发布于 2023-05-28  26 次阅读


首先我使用的是APlayer播放器,为了省事直接使用Aplayer的插件Meting引用网易云的歌单。

Aplayer官方文档

MetingJS 是如何配合 Aplayer 加载歌单的

<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。