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


載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。