KK LRC 新版开发笔记

  1. 首先改名叫 KK Player 了,现在歌词是可选部分
  2. 现在 HTML5 Audio 元素也有属于自己的界面了
  3. 重写歌词部分代码(进行中)
  4. 现在歌词将显示在 KK Player 的界面中,并可以自由关闭
  5. 使用 CSS3 Transform 替换原有滚动函数(Pending,见注1)
  6. 将音频下载转移到播放器右键菜单中(Pending)

注1:测试发现,CSS3 Transform 并不会触发浏览器重绘,可以提升效率,平滑滚动可以借助 CSS3 Transition,不再需要 JS 辅助,毕竟 Transition 是有硬件加速的嘛

注2:看上面的列表就知道,现在新版还没有做完,具体要做到啥时候我也不知道,现在暂时没有做下去的动力……除非我能找到一款好点的 JS 混淆器 23333

标签:


已有 12 条评论
  1. 一直想问来着,滚动神马的为什么不用 scrollTop 呢Σ ( ° △ ° |||) ︴

    1. scrollTop 需要整个重绘,transform 因为浏览器有 3D 加速所以只是合成的时候图层移动,不需要重绘,效率更高

  2. stkevintan stkevintan

    模拟歌词滚动的话margin-top和transform translate应该是一样的吧?会触发浏览器重绘么?

    1. 我也觉得奇怪,然而打开Chrome的重绘区域显示就看出来了

  3. MacTHien MacTHien

    看着这播放器就好想扒 。

  4. Soaper Soaper

    好想用......

  5. mazk mazk

    请问一下有kklrc的源码么……想学习下…

  6. 支持kk大神!

  7. zuo

  8. 请问可不可以把你KKLRC的设计扒下来,我想把它做成本地音乐播放器

添加新评论