牛蛙资源网 - 只为资源而生,分享永无止境
牛蛙资源网-只为资源而生,分享永无止境,牛蛙网

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

  • 分类:网站源码
  • 作者:牛蛙小编
  • 更新:2025-5-13 12:35

源码介绍

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

基本操作

Space空格键:暂停/播放音乐

上/下方向键:增加/减少音量

左/右方向键:上一曲/下一曲

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

ID

播放列表的id,可以从音乐歌单分享的链接中获取,例如

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即可

源码截图

HTML静态音乐播放器源码(HeoMusic)
资源下载

    收藏永久发布页,不迷路
    关键词不能为空

免责声明:

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail: 1470282@qq.com

我来说两句
签到
网站源码 HTML静态音乐播放器源码(HeoMusic)
源码介绍 HeoMusic是一个Aplayer和MetingJS的HTML静态音乐播放器源码,界面简洁、美观,使用方法简单。只需下载源码上传到服务器根目录即可。...
扫描二维码阅读原文 扫描二维码阅读原文
牛蛙资源网 January, 01
生成社交图 ×