HTML静态音乐播放器源码(HeoMusic) v2.3

源码介绍

HeoMusic是一个Aplayer和MetingJS的HTML静态音乐播放器源码，界面简洁、美观，使用方法简单。只需下载源码上传到服务器根目录即可。支持本地音乐和远程音乐播放。有需要的朋友可以下载试试。

源码展示

基本操作

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

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

3. 左/右方向键：上一曲/下一曲

修改歌单/私有部署与配置(适用于在线音乐)

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" 
 } 
]

使用方法

适用于在线音乐和本地音乐

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

直接访问首页index.html即可

源码下载