Skip to content

zhheo/HeoMusic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

d6a0f85 · Feb 18, 2025
Nov 27, 2024
Nov 29, 2024
Feb 18, 2025
Nov 30, 2024
Nov 25, 2024
Feb 11, 2023
Nov 27, 2024
Feb 11, 2023
Nov 29, 2024
Nov 28, 2024
Nov 29, 2024
Feb 18, 2025
Nov 29, 2024

Repository files navigation

HeoMusic

一个基于AplayerMetingJS的静态音乐播放器

预览

HeoMusic - 用音乐感染人心

基本操作

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(歌手)

localMusic(可选)

本地音乐/外链音乐。如果填写了本地音乐,则优先使用本地音乐。

本地音乐需要添加loaclMusic数组,它的形式类似于:

  var localMusic = [{
      name: '重生之我在异乡为异客',
      artist: '王睿卓',
      url: '/music/重生之我在异乡为异客.mp3',
      cover: '/music/重生之我在异乡为异客.png',
      lrc: '/music/重生之我在异乡为异客.lrc'
  },
  {
      name: '落',
      artist: '唐伯虎',
      url: '/music/落.mp3',
      cover: '/music/落.png',
      lrc: '/music/落.lrc'
  }
  ];

remoteMusic(可选)

使用json格式的链接来进行读取localMusic,会覆盖localMusic的设置。

例如:

var remoteMusic = './music.json';

musicjson内容例如:

[
  {
    "name": "重生之我在异乡为异客",
    "artist": "王睿卓",
    "url": "/music/重生之我在异乡为异客.mp3",
    "cover": "/music/重生之我在异乡为异客.png",
    "lrc": "/music/重生之我在异乡为异客.lrc"
  },
  {
    "name": "落",
    "artist": "唐伯虎",
    "url": "/music/落.mp3",
    "cover": "/music/落.png",
    "lrc": "/music/落.lrc"
  }
]

使用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=2762963245&server=netease

修改HTML的方法(适用于在线音乐和本地音乐)

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

修改id和server

直接访问首页index.html即可

参与开发

@张洪Heo @anzhiyu @Glowed @kuole-o 查看更多

许可

项目中包含已经过修改的 MIT 协议项目

Aplayer

MetingJS

MetingAPI

项目中包含的未经过修改的 MIT 协议项目

color-thief

图标采用remixicon,使用 Apache 协议

打赏

如果你喜欢这个项目,不妨支持一下作者,让作者更有动力更新!

去打赏作者