此文档已弃用,请参考 README.md。
简介
一个静态音乐播放器。
作为一个从来没学过html/css/js的人,我想能写成这样已经很好了。
使用方法
访问项目地址即可,在 /XPlayer 后可以加上 /#1,表示播放第一首歌曲,同样有 /#2、/#3、/#4 等,但注意如果超出了歌曲总数,或是小于 $1$,那么会随机跳歌。
如:/#0。
随机跳歌
链接
建议使用 /#0,因为曲库会不定期更新。
自动

键盘操作
- 空格:暂停/继续播放。
- $\uparrow$:上一首。
-
$\downarrow$:下一首。
- $\leftarrow$:快退 $10s$。
- $\rightarrow$:快进 $10s$。
MediaSession API
XPlayer 引入了 MediaSession API,支持锁屏歌词。
Chrome 示例:

IOS 示例:


滚动歌词
基于独立的 .lrc 文件,而不是解析 .mp3 文件。
字体
提供六种字体:默认、方正舒体、楷体、宋体、华文楷体、幼圆。
提供 woff2、woff、ttf 格式的字体,使用旧版浏览器可能导致加载速度缓慢(ttf 格式字体文件较大)。
搜索歌曲
搜索歌名、歌手和编号,不包括专辑,不区分字母大小写。
效果图:

移动端适配
响应式设计。
效果图
