HeoMusic-一个开源静态音乐播放器HTML源码

一个基于Aplayer和MetingJS的开源静态音乐播放器，包括部署，基本操作，修改歌单，使用URL参数，修改HTML的方法，浏览器支持以及贡献者等关键特性。该播放器支持多设备兼容性和清晰的歌词展示，性能表现也较好。用户可以通过上传到服务器或在线服务部署来使用。播放器环节使用空格键暂停播放，上下方向键增加减少音量，左右方向键上一曲下一曲。歌单可以从各大音乐服务商分享的链接中获得，并支持使用参数修改。浏览器支持要求基于Chrome、Firefox、Safari和Edge。

源码截图

演示地址:https://kmb-hm.netlify.app

基本操作

• Space空格键：暂停/播放音乐
• 上/下方向键：增加/减少音量
• 左/右方向键：上一曲/下一曲

修改歌单/私有部署与配置

ID

播放列表的id，可以从音乐歌单分享的链接中获取，例如https://y.qq.com/n/ryqq/playlist/8668419170中，id为8668419170

Server

播放列表的服务商，例如netease（网易云音乐）,tencent（腾讯）,kugou（酷狗）,xiami（小米音乐）,baidu（百度音乐）

Type(可选）

播放列表的类型，例如song（单曲）, playlist（歌单，默认）, album（专辑）, search（搜索结果）, artist（歌手）

修改HTML的方法（需要自行搭建）

• 编辑index.html的相关代码，填写歌单id和Server服务商

• 直接访问首页index.html即可