HeoMusic在线音乐播放器介绍
一个基于Aplayer和MetingJS的静态音乐播放器,可在线搭建给热心网友使用也可以本地搭建个人使用。
基本操作
Space空格键
:暂停/播放音乐上/下方向键
:增加/减少音量左/右方向键
:上一曲/下一曲
修改歌单/私有部署与配置
ID
播放列表的id,可以从音乐歌单分享的链接中获取,例如https://y.qq.com/n/ryqq/playlist/8668419170
中,id为8668419170
其他id可参考以下文章
Server
播放列表的服务商,例如netease
(网易云音乐),tencent
(腾讯),kugou
(酷狗),xiami
(小米音乐),baidu
(百度音乐)
Type(可选)
播放列表的类型,例如song
(单曲), playlist
(歌单,默认), album
(专辑), search
(搜索结果), artist
(歌手)
使用URL参数(推荐)
HeoMusic支持URL参数 https://demo.cdsnsw.cn/musics/?id=
+ id +&server=
+ server(音乐平台)
例如:
HeoMusicTop: https://demo.cdsnsw.cn/musics/?id=8668419170&server=tencent
修改HTML的方法(需要自行搭建)
编辑index.html
的相关代码,填写歌单id和音乐平台
var userId = "8152976493"; #歌单id或者歌曲id
var userServer = "netease"; #音乐平台例如netease(网易云音乐),tencent(腾讯),kugou(酷狗),xiami(小米音乐),baidu(百度音乐)
var userType = "playlist"; #歌曲或者列表例如song(单曲), playlist(歌单,默认), album(专辑), search(搜索结果), artist(歌手)
效果预览
![图片[1]-开源推荐:HeoMusic在线音乐播放器-铭心博客](https://oss.imxbk.com//blog/WordPress/img/wz/%E5%BC%80%E6%BA%90%E6%8E%A8%E8%8D%90%EF%BC%9AHeoMusic%E5%9C%A8%E7%BA%BF%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8/0.webp?x-oss-process=image/auto-orient,1/format,webp/watermark,text_d3d3Lnd3cnUuY24,type_ZmFuZ3poZW5naGVpdGk,size_10,g_se,x_10,y_10)
![图片[2]-开源推荐:HeoMusic在线音乐播放器-铭心博客](https://oss.imxbk.com//blog/WordPress/img/wz/%E5%BC%80%E6%BA%90%E6%8E%A8%E8%8D%90%EF%BC%9AHeoMusic%E5%9C%A8%E7%BA%BF%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8/1.webp?x-oss-process=image/auto-orient,1/format,webp/watermark,text_d3d3Lnd3cnUuY24,type_ZmFuZ3poZW5naGVpdGk,size_10,g_se,x_10,y_10)
© 版权声明
THE END
暂无评论内容