### [一个基于Aplayer和MetingJS的静态音乐播放器](https://pmself.com/article/1873)

**Published:** 2023-03-15T02:54:57

**Author:** crawlpw

**Excerpt:** 一个基于Aplayer和MetingJS的静态音乐播放器 预览 HeoMusic - 用音乐感染人心 基本操作…

![](https://pmself.com/wp-content/uploads/2023/03/20230315105315.jpg)

一个基于[Aplayer](https://github.com/DIYgod/APlayer)和[MetingJS](https://github.com/metowolf/MetingJS)的静态音乐播放器

## [](https://github.com/zhheo/HeoMusic#%E9%A2%84%E8%A7%88)预览

[HeoMusic – 用音乐感染人心](https://music.zhheo.com/)

## [](https://github.com/zhheo/HeoMusic#%E5%9F%BA%E6%9C%AC%E6%93%8D%E4%BD%9C)基本操作

`Space空格键`：暂停/播放音乐

`上/下方向键`：增加/减少音量

`左/右方向键`：上一曲/下一曲

## [](https://github.com/zhheo/HeoMusic#%E4%BF%AE%E6%94%B9%E6%AD%8C%E5%8D%95%E7%A7%81%E6%9C%89%E9%83%A8%E7%BD%B2%E4%B8%8E%E9%85%8D%E7%BD%AE)修改歌单/私有部署与配置

### [](https://github.com/zhheo/HeoMusic#id)ID

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

### [](https://github.com/zhheo/HeoMusic#server)Server

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

### [](https://github.com/zhheo/HeoMusic#type%E5%8F%AF%E9%80%89)Type(可选）

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

## [](https://github.com/zhheo/HeoMusic#%E4%BD%BF%E7%94%A8url%E5%8F%82%E6%95%B0%E6%8E%A8%E8%8D%90)使用URL参数（推荐）

HeoMusic支持URL参数 `https://music.zhheo.com/?id=`\+ id +`&server=` + server

例如：

**HeoMusicTop:** [https://music.zhheo.com/?id=8668419170&server=tencent](https://music.zhheo.com/?id=8668419170&server=tencent)

**鸡你太美:** [https://music.zhheo.com/?id=7363728147&server=netease](https://music.zhheo.com/?id=7363728147&server=netease)

## [](https://github.com/zhheo/HeoMusic#%E4%BF%AE%E6%94%B9html%E7%9A%84%E6%96%B9%E6%B3%95%E9%9C%80%E8%A6%81%E8%87%AA%E8%A1%8C%E6%90%AD%E5%BB%BA)修改HTML的方法（需要自行搭建）

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

[![修改id和server](https://github.com/zhheo/HeoMusic/raw/main/img/help.webp)](https://github.com/zhheo/HeoMusic/blob/main/img/help.webp)

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

**GitHub 入口**：[https://github.com/zhheo/HeoMusic](https://github.com/zhheo/HeoMusic)

## [](https://github.com/zhheo/HeoMusic#%E5%8F%82%E4%B8%8E%E5%BC%80%E5%8F%91)参与开发

@张洪Heo @anzhiyu @gladiswhitfeldowed

## [](https://github.com/zhheo/HeoMusic#%E8%AE%B8%E5%8F%AF)许可

项目中包含的Aplayer及MetingJS的修改版本，他们均使用MIT协议

**Tags:** Aplayer, MetingJS, 音乐播放器

**Categories:** 周边资源, 开源项目

---