源代码简介

它是HTML静态音乐播放器的源代码,具有简单的接口,漂亮的外观和简单的用法。只需下载源代码并将其上传到服务器根目录即可。支持本地和远程音乐播放。有需要的朋友可以下载并尝试。

基本操作

太空吧:暂停/播放音乐

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

左/右方向键:上一首歌

修改播放列表/私人部署和配置(适用于在线音乐)

ID

可以从链接中获得播放列表的ID来共享音乐播放列表,例如,ID是

播放列表服务提供商,例如( Cloud Music),(),Kugou(Kugou),Xiami(小米音乐),Baidu(Baidu Music)

类型(可选)

播放列表的类型,例如歌曲(单),(播放列表,默认),专辑(专辑),(搜索结果),()

(选修的)

本地音乐/外部音乐。如果填补了本地音乐,则首选本地音乐。

本地音乐需要添加一个数组,该数组的形式类似于:

  var localMusic = [{
      name: '重生之我在异乡为异客',
      artist: '王睿卓',
      url: '/music/重生之我在异乡为异客.mp3',
      cover: '/music/重生之我在异乡为异客.png',
      lrc: '/music/重生之我在异乡为异客.lrc'
  },
  {
      name: '落',
      artist: '唐伯虎',
      url: '/music/落.mp3',
      cover: '/music/落.png',
      lrc: '/music/落.lrc'
  }
  ];

(选修的)

使用JSON-链接进行读取,这将覆盖设置。

例如:

var remoteMusic = './music.json';

内容,例如:

[
  {
    "name": "重生之我在异乡为异客",
    "artist": "王睿卓",
    "url": "/music/重生之我在异乡为异客.mp3",
    "cover": "/music/重生之我在异乡为异客.png",
    "lrc": "/music/重生之我在异乡为异客.lrc"
  },
  {
    "name": "落",
    "artist": "唐伯虎",
    "url": "/music/落.mp3",
    "cover": "/music/落.png",
    "lrc": "/music/落.lrc"
  }
]

如何使用

适合在线和本地音乐

源代码屏幕截图

HTML源代码音乐播放器源代码