HeoMusic-一个开源静态音乐播放器HTML源码

释放双眼,带上耳机,听听看~!

一个基于Aplayer和MetingJS的开源静态音乐播放器,包括部署,基本操作,修改歌单,使用URL参数,修改HTML的方法,浏览器支持以及贡献者等关键特性。该播放器支持多设备兼容性和清晰的歌词展示,性能表现也较好。用户可以通过上传到服务器或在线服务部署来使用。播放器环节使用空格键暂停播放,上下方向键增加减少音量,左右方向键上一曲下一曲。歌单可以从各大音乐服务商分享的链接中获得,并支持使用参数修改。浏览器支持要求基于Chrome、Firefox、Safari和Edge。

源码截图

HeoMusic-一个开源静态音乐播放器HTML源码

演示地址:https://kmb-hm.netlify.app

基本操作

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

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

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

HeoMusic-一个开源静态音乐播放器HTML源码

  • 直接访问首页index.html即可
文章链接:https://wuzuhua.cn/316.html
文章标题:HeoMusic-一个开源静态音乐播放器HTML源码
文章版权:空木白博客 (https://wuzuhua.cn) 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于2023年08月11日 11时00分34秒,某些文章具有时效性,若有错误或已失效,请在下方留言或联系空木白:18177233@qq.com
下载权限
查看
  • 免费下载
    评论并刷新后下载
    登录后下载
  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

给TA打赏
共{{data.count}}人
人已打赏
网站源码

讯七应用-应用管理商城系统源码

2023-8-11 9:47:27

网站源码

在线截图生成器工具HTML源码

2023-8-11 18:52:59

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
我是底线可爱胖!冲鸭~