HTML静态音乐播放器源码(HeoMusic) v2.3下载
免责申明
本站源码除注明原创外,其余均来自网络或投稿,版权归原作者所有!

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

v2.3
免费
环境不会搭建?源码不会安装?可联系客服购买增值服务!
增值服务
  • 所属栏目:网站源码
  • 源码类型:电影音乐
  • 开发语言:HTML
  • 数据库类:其它
  • 源码大小:610 KB
  • 更新时间:2024-09-29

源码介绍

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

源码截图

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

下载地址

相关推荐