WebPlayer

基于网易云音乐 NodeJS 版 API的在线播放器 在线demo: 点此 新版

TODO：

• 增加列表单次循环开关（或者尝试单曲循环？？？）
• 循环的时候如果在重新获得焦点后没多久就又失去焦点，滚动显示就变得异常的快，可以在控制台的Scroll输出中发现。（观察中）
• 对于短的标题，它一样去scroll了，没有这个必要。
• 需要修正：上传的列表应当是播放列表而不是历史记录
• 为历史记录列表增加删除按钮
• 一键加入将查询结果歌曲加入播放列表（主要是历史记录和云列表）
• 删除正在播放歌曲之前的歌曲会导致播放次序变得混乱，需要修正
• 标题可以展示当前播放的歌曲名称，对长歌名支持滚动显示
• 规范性调整：把重用部分用class表示，避免id重复。
• 列表重新布局：双列布局，第一列显示歌曲名称，第二列显示歌手（字体略小，偏灰色）
• 不确定能否完成 ———— 放弃HTML自带audio标签样式，重写播放控制器UI（工程量巨大）
• Bug: 在歌曲检索的时候列表高度莫名其妙变高了，需要更正。
• TitleControl的Activate机制优化，自动与StartLoop绑定。（正在测试中）
• 更改一下循环逻辑，在结尾增加一定空格 （勉强能用，需要修正）
• 随机播放逻辑代码
• 循环播放逻辑代码测试和调整
• 加入“我喜欢的音乐”（工程量略大）

---

Changelog: α-202212200258：

• 重构播放检测逻辑
• 此版本将从原版本签出，单独对随机播放、循环播放等新特性进行开发。
• 特别提示：如果针对原版本的开发，将带有origin标识，例如：α-202212200258-origin，此后针对某些版本的特别优化将会以类似形式表示，届时会特别说明。

α-202212191407：

• 主体框架已经添加了随机播放和循环播放的按钮，逻辑正在加紧编写中，目前暂时不可用。
• 支持上一首和下一首切换了！

α-202212141523：

• 对于短标题已经不会滚动并省略了
• 歌曲播放到下一曲的时候会自动更新状态
• 修正了播放暂停图标
• 切歌的时候增加了一个"Loading..."切换过渡

α-202212140346：

• 如果你离开了当前播放页面的话，就会修改其标题并展示当前正在播放的音乐以及播放状态。

β-202212091822:

• 为了解决搜索列表高度不均的问题，添加了不支持播放歌曲跳转网易云的功能
• 历史记录也可以删除啦！经过补充，我们为历史记录列表增加了删除按钮。
• 因为新按钮的加入，按钮组变得更长了，出现了一些布局问题。现在更改了按钮的布局。
• 修复了历史记录页面删除按钮与实际删除元素错位的问题

β-202212081209:

• 修复：删除列表正在播放之前的歌曲之后导致nowPlay错误无法正常使用的问题

ver-20221207001:

• 云列表同步雏形已成，目前支持把历史播放上传到云数据库了，也支持取回
• 一改之前KTV式的点歌列表模式，这次采用了真正的列表播放模式，支持列表循环播放了
• 修复：列表可以无限重复插入同一首歌的问题