新·音乐播放器

本站在四个多月前发布了一个音乐播放器的雏形（见此文章），现在功能完善了一些，一个播放器基本的功能应该都完成了，所以就 水 写了一篇文章来重新介绍以下它。

这个播放器现在长这样（这次用了视频而不是图片来演示）：

仍然可以前往 图鉴 > 音乐 来体验本站的音乐播放器。不过目前播放器性能要求非常高（比之前还高），建议使用支持 GPU 加速的 PC 端浏览器浏览来获得较为流畅的体验。

逐字歌词

现在播放器支持显示逐字歌词了，就是可以精确到字词的歌词显示，就像卡拉 OK 那种歌词。虽然市面上播放器都有了这种功能，但是我好像没有发现一个网页端的播放器可以显示逐字歌词的。

逐字歌词性能消耗非常大，所以在设置界面提供了开关。如果您的电脑上歌词滚动非常卡，可以考虑关闭逐字歌词。如果普通歌词也卡可以在导航栏的设置（全局设置）里关闭模糊效果。

因为原有的 Meting API 没有提供逐字歌词的数据，所以这次使用了网易云的新的歌词 API 接口。

滚动动画

采用了 Apple Music 那样的弹性滚动动画，就是上一行滚动时下一行不会立即滚动，而是会稍微带有一些延迟。

代价是无法手动滚动歌词了，性能消耗提高了。

布局

和之前版本最大的不同可能就是布局了，现在播放器的 PC 端布局采用了 Apple Music 在 iPad 和 Mac 上的样式，手机端除了封面大图外变化不大。

增大了歌曲封面，嗯，就是可以显示封面大图。

减少了播放器按钮的占用空间，播放器按钮不再占据底部一整行，这样歌词拥有了更多的显示空间，可以显示更多行了。

不过现在无法同时显示播放列表和歌词了。

播放器设置

新增了播放器设置，可以开启或者关闭一些功能来降低性能消耗以适配不同设备等。

与网站全局设置独立。

播放列表

现在可以在播放列表页面选择随机播放、顺序播放和单曲循环了。

然后播放列表的位置有调整。（好像没有之前好看了，空白的地方太多了）

快捷键

新增了快捷键，将鼠标放在设置图标上可以显示可用的快捷键。

进度条

现在歌曲进度条可以操作了。

难以置信，之前的播放器居然连进度条都不能操作！

歌词时间

在 PC 端，鼠标放在歌词上面时会在歌词右侧显示这句歌词的时间，点击时间从这一句开始播放。取消了点击整个歌词从这一句开始播放的操作，因为容易误点。

歌词注音

【这是一个测试功能，默认关闭】

有些歌词有注音文件，可以在设置中开启显示。

因为没有找到好看的放置位置，就默认关闭了。

编辑歌词

现在可以手动编辑歌词文件了。（看起来是个完全没有用的功能呢）

如果您发现部分歌曲的歌词有误的话，比如时间对不上、文字或者翻译出错等，可以通过编辑原始歌词文件来修改歌词。（如果您有强迫症的话……）

不过，修改只会在本次浏览中生效，不会保存在本地，也不会保存在云端。如果需要保存的话建议复制下来存到其他地方。

网易云的歌词 API 接口返回的逐字歌词和普通歌词是两套不同的歌词文件，翻译以及注音都不一样，所以如果发现编辑没有生效可以看看当前启用和编辑的是哪套歌词。

音频可视化

【这是一个测试功能，默认关闭】

可以根据当前播放的音乐生成柱状图，可以在设置中开启显示。

因为不好看，就默认关闭了。

其他

• 移除了歌词发光效果
• 移除了两个没啥用的播放器按钮
• 调整了歌词的间距
• 调整了歌词在移动端的大小
• 取代了 Windows 原生的滚动条，现在播放列表不会一直显示滚动条，滚动条不会占据位置
• （我忘了的其他更新）