做了个纯粹取悦自己的小玩意儿:
Vinyl Vue,一个用 vue 实现的黑胶播放器
vinyl-vue.ventuss.xyz起因是整理好了南京市民的所有专辑,包含完整专辑封面和ID3信息,看着好爽
然后想,要么弄个播放器可以在线听?那弄个黑胶的吧,致敬一下MD Vinyl(我太喜欢这个 app 了,打开后 1min内就付款了)
GitHub 上找到一个开源的黑胶播放器,花 2hrs 接起来能用了,但是这个项目最后更新是 16 年,单页面 2000 行代码,实在改不动…
那么干脆用 vue 从零写了一个!
全部是 cursor 和 windsurf 实现的,我只是偶尔微调。我其实完全不会 coding,但是边做边学原理都懂了,后面改起来还挺顺的
从零开始总共花了15个小时,消耗的 credit 懒得算了
- 框架: Vue 3
- 构建工具: Vite
- 状态管理: Pinia
- 文件存储: Cloudflare R2
- 页面部署: Cloudflare Pages
下一步想把南京市民的曲库都放上去?但是 Apple Lossless 格式总共超过 10GB 了,超过 R2 免费版限制了,有没有比较好的存储方案?