wzztmh.cn - 主题美化网 | 高端网站美化解决方案 | 定制主题·教程精解·源码库
wzztmh.cn - 主题美化网 | 高端网站美化解决方案 | 定制主题·教程精解·源码库
wzztmh.cn - 主题美化网 | 高端网站美化解决方案 | 定制主题·教程精解·源码库

HeoMusic – 开源免费在线音乐播放器源码

基于Aplayer和MetingJS的静态音乐播放器确实是一个很好的选择,特别是对于喜欢简洁且功能强大的音乐播放体验的用户。Aplayer是一个基于Vue.js的音频播放器组件,而MetingJS则是一个基于网易云音乐API的JavaScript库,用于获取网易云音乐的播放链接。

以下是一个简单的步骤,指导你如何在线搭建或本地搭建这个音乐播放器:

20240623014045279-image

基础操作

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

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

ID修改说明

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

Server

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

Tyep(可选)

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

修改HTML的方法(需要自行搭建)

本人就是用的这个HTML源码搭建,还是跟搭建网站一模一样直接上传访问即可!(网站根目录设置一个music文件夹上传下面的源码即可)源码里面相关文件自行修改

下载地址

 

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容