镜头与代码的交响：打造个人线上画廊与假期随笔

这些天，日子很短。却过得很有意义。

Vibe Coding: 线上画廊

自从前端日子买了一台相机之后，出门的欲望也多了不少，到哪都要拍几张。日积月累想要做一个展示一些成片的地方了。不少大佬都会有一个属于自己的网站展示，因此萌生了一个想法，也做了一个。

本次开发基本全程使用 claude-4-sonnet。花了一天时间就把模子刻好了。

Copy
https://object.innei.in/bed/2025/0603_1748957373899.png
https://object.innei.in/bed/2025/0603_1748957391214.png

这是一个雏形。

后来，我开始研究图片预览的高性能方案，又引导 AI 写了一个基于 LOD 方案的 WebGL 图片预览器。即便是预览一张使用哈苏 X2D 拍摄的一亿像素的图片在缩放和加载也不会卡顿。

接入了 Live Photo 的播放， 也是通过这个了解到 WebCodecs API，使用它对 mov 视频转码然后播放。

接入了 HEIC/HIF 文件的解析，调用了 libheic 的 wasm 进行的转换。

而我上面做的全部一是因为偷懒，我可以直接把拍摄的 Live Photo 或者 HIF 文件放到 S3 上不需要自己的格式转换；二是通过一个项目学到新的东西。

今天我又对这个项目进行了构建优化，使用 Cluster 模式，同时处理多张图片，节省了约 3 倍的时间。而这一切都是基于引导话术 AI 进行的重构和优化。

项目地址：

如有需要的摄影爱好者也可以试试它。

我的线上画廊：https://gallery.innei.in

后续，对项目还有更多的展望，比如动态化等等。

好友来访

端午假期，南京的朋友来这边玩了几天。一起帮拍了很多照片。去了周边的景点。

组团 Coding 和做了一顿饭。

和 @MaxtuneLee 共建 Gallery，以及未来推出的摄影工具链。

此文由 Mix Space 同步更新至 xLog
原始链接为 https://innei.in/notes/193