banner
innei

innei

写代码是因为爱,写到世界充满爱!
github
telegram
twitter

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

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

Vibe Coding: 线上画廊#

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

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

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 上不需要自己的格式转换;二是通过一个项目学到新的东西。

image

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

项目地址:

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

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

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

好友来访#

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

组团 Coding 和做了一顿饭。

image

image

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

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


加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。