源代码简介
它是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源代码音乐播放器源代码