穿越十年的播放器

↗

2016 年夏天，我写了一个网页视频播放器，叫 Vido。仓库里的第一条提交 (opens in a new tab)是那年的 7 月 8 日。到今年，刚好十年。

那会儿播放器项目很多，我最喜欢的是 DIYgod 的 DPlayer (opens in a new tab)。DIYgod 真的是太强辣（我也想写一个自己的播放器。

那时候是自己一行行手写，播放按钮、进度条、音量控制，一点点做出来。

最近博客里加了些视频，正好可以接着用它。我把 Vido 重写成了 2.0，也重新做了自定义样式。下面放一段初音的《千本樱》，用的就是新版播放器。

进度条还是想自己配色

2016 年的 README (opens in a new tab) 里就写着怎么改进度条颜色。那时要打开样式文件，找到圆点和已播放的那条线，再改它们的背景色。

现在可以直接选颜色，也能把小圆点换成自己的头像。我给博客配了月紫、淡粉和奶油黄，再放上那张开心的白发妹妹。播放时她会轻轻晃，暂停就停下来；系统开启了减少动态效果时，也不会晃。

官网 (opens in a new tab)上可以试着搭配颜色和头像，选好以后把配置存下来。普通样式也留着，不想折腾就直接用。

十年后，继续用它看视频

旧版用的是 Vue 1，新版用 TypeScript 重写，不再依赖 Vue。这次有 Codex 帮忙，跟当年一行行手写的感觉很不一样。

视频本身还是交给浏览器播放，Vido 负责外面的按钮和样式。博客先放一个网页自带的 <video> 视频标签，视频快滚到眼前，或者我点它的时候，再加载 Vido。播放器代码或样式没加载成功，也还能用浏览器自带的按钮。

接到博客里以后，播放按钮和音量控制都放在画面下方，不挡视频，配色也和博客一致。

十年前写的小东西，现在又用上了，还挺开心。也会怀念那个夏天。

不过，那时也没那么无忧无虑。那时我也很迷茫，海投简历，没有回声，觉得自己正在最难的时候。最近看到一些应届生、实习生朋友也很迷茫，很痛苦，又会想到那时的自己。

叔叔年纪大了，见过的人多一点。你们里面很多人都很优秀，别急着把自己否定掉。学历不好，履历不好，像抓到一手烂牌，可你也还在试着往前走。

十年后的你，会想对现在的自己说什么呢？现在让你痛苦的这段时间，到时又会怎么看？我也不知道答案。只是翻到 Vido 时，会觉得当时留下这些东西还挺好的。

现在觉得羞耻、没用的作品，太不好意思就先设成 private 留着，哈哈。以后再看，至少还能记起自己那时折腾过什么。

当然，放下一个项目，或者换一条路，都不可怕。不做开发，不在这个行业待了，也没关系，人生还有很多选择。可以不继续写代码，别连自己一起否定掉。

回头看，好像也是关关难过关关过。一切都是过程～加油啊，新时代的小登们。上个世纪的老登也得卷起来了，不然真要被你们这些优秀的小登替代了，哈哈。