您正在查看: 前端 分类下的文章

基于 H5 实现的简易音乐播放器

梦想做个厨子,结果成了码农

听久了云村音乐,加上自己是个前端,于是想尝试造个轮子。

歌词同步

实现难点

歌词是这般的

[00:18.640]这街上太拥挤
[00:20.820]太多人有秘密

于是你要基于前面的时间,在与当前播放的时间去做对比,选出下一句歌词。
仔细想想好像也就那回事。

实现方式

  • 基于 timeupdate 的时间去判断
  • 基于时间戳,然后利用 setTimeout 标准延迟(delay多少就是多少)

- 阅读剩余部分 -

欢迎使用 Typecho

如果您看到这篇文章,表示您的 blog 已经安装成功.