HeoMusic是一个基于Aplayer和MetingJS的HTML静态音乐播放器源码。通过Space空格键实现暂停/播放音乐,上/下方向键实现增加/减少音量,左/右方向键实现上一曲/下一曲。本文将介绍如何修改歌单、私有部署与配置,并使用URL参数来简化使用流程。
HeoMusic_基于Aplayer和MetingJS的HTML音乐播放器源码 第5张插图

修改歌单

1.编辑index.html的相关代码,填写歌单id和服务商
HeoMusic_基于Aplayer和MetingJS的HTML音乐播放器源码 第6张插图

2.需要获取播放列表的ID。可以从音乐歌单分享的链接中获取,例如网易云音乐的链接/playlist?id=123456 ,其中id为123456。

3.然后,需要知道播放列表的服务商。支持的服务商包括netease(网易云音乐)、tencent(腾讯)、kugou(酷狗)、xiami(小米音乐)和baidu(百度音乐)等。

4.最后,需要知道播放列表的类型。支持的类型包括song(单曲)、playlist(歌单,默认)、album(专辑)、search(搜索结果)和artist(歌手)等。

使用URL参数

HeoMusic支持URL参数/?id=+ id +&server= + server