音乐播放器项目直播翻新

2021-08-27

今晚直播改代码,把我 2017 年的「奇趣播放器」项目进行“翻新”,主要将原先使用到 CSS 字体的部分替换成 SVG 图片。

群友 @萧叶轩 告诉我,svgoptimizer.com 这个网站可以自动优化 SVG 图片,并进行压缩,于是也在此 Mark 一下。大致对比了下转换前后,除了删减掉不需要的属性之外,优化的原理是把你原先需要 Fill 的部分替换成 Stroke,压缩完的必须参数大概就有这些:

<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="m185.074065,509.823527l317.333315,-415.66657l317.333315,415.66657l-158.666668,0l0,417.66668l-317.333294,0l0,-417.66668l-158.666668,0z" /></svg>

项目也在第二天凌晨进行了第一个版本的 Commit,欢迎各位 Star!目前播放器还存在以下几个小问题,将在近期进行修复。

  • 定时器无法彻底清除,会生成多个定时器
  • 专辑图无效时显示裂开效果
  • Jump 函数优化
  • 重新设计右上方的列表/单曲循环图标
奇趣播放器第一个提交
中雨 开心
概览页 时间轴
奇趣音乐盒 技术源于 Kico Player
Emmm,这里是歌词君