这篇文章上次修改于 250 天前,可能其部分内容已经发生变化,如有疑问可询问作者。

Kico Player 是我写的一个基于 ES5 的网页极简播放器,也是 Kico Style 的兄弟产品。它支持列表循环、单曲循环和随机的播放模式,也能支持歌词同步显示,还支持播放过程中插入、删除列表内歌曲。开发它的主要原因是我正在搭建的“缤奇 2018 新官网”里面有个需求,要增加成员自创歌曲对外展示播放的功能。所以就逐渐开始延伸,从单独的 Audio 标签变成现在这样了。

由于这个项目是我第一次主用 JavaScript 编写的网页,所以暂时不建议将此播放器用于正式环境,因为可能还有很多意想不到的 BUG 没有被发现。

截至 11 月 30 日的最新版本是 0.36。这篇文章整理出了从最初版本到最新版本的迭代内容和截图(其实就是个更新记录),现在回头观望一下感觉特别有成就感啊。

21/12/05 更新:现在你可以试试看了,整个作品都进行了开源

0.05

0.05

0.1

0.1

0.2

0.2

0.25

0.25

0.26

0.26

0.26.5

0.26.5

0.26.6

0.26.6

0.27

0.27

0.28

0.28

0.29

0.29

0.29.5

0.29.5

0.3

更新时间:17/11/05
移除了原先用于更新进度的 setInterval,感谢团队的女装大佬 @Akiris 告诉我有更高效的事件方法来更新播放进度。

0.31

更新时间:17/11/07
修复了播放器样式名可能和网页冲突(命名过于常用,和我自己做的网页冲突了)的问题。

0.32

0.32

0.33

更新时间:17/11/12
重构随机功能,解决了原先随机播放模式下切歌会出现重复的问题。

0.33.5

更新时间:17/11/13
原先的排序算法效率较低,感谢团队的发怒大王 @922 提供随机的新算法。这个版本还解决了删歌效率低(刷新了随机列表的歌曲)、添歌导致在随机模式下没有办法播放到新歌曲的问题。

0.34

更新时间:17/11/18
支持导入歌词,并支持跟踪切换。但是算法和性能优化还不够好。

0.35

更新时间:17/11/22
支持导入翻译版歌词

0.36

感谢团队的 @KM 提供歌词算法改进思路

0.36

0.37

更新时间:17/12/5
支持在手机锁屏/状态栏上控制播放器,需要浏览器支持。

1.0

时隔 4 年,Kico Player 终于推出了第一个正式版本。位于 2021/10/31 日正式在 GitHub 上进行发布。

1.0

此版本主要修复了部分遗留 Bug,并重新设计了图标,从原先字体引入形式引入改为 SVG 形式,仅需插入两个文件(CSS+JS)就可以快速使用了。