Commit Graph
3 Commits
Author SHA1 Message Date
JianMiauandClaude Fable 5 1c806d45e1 上傳照片時自動在瀏覽器端縮圖壓縮
根本原因:
照片一律以原始解析度存檔(手機相機動輒 2000px 以上、數 MB),除了先前已修的編譯端問題,也拖慢上傳、佔用 NAS 空間與管理頁縮圖載入。

影響:
上傳大照片時傳輸慢、data 目錄膨脹;縮圖修正前上傳的原圖也一直以全尺寸存放。

修法:
管理頁上傳前先在瀏覽器把照片縮到長邊 1280px、以 JPEG 90% 重新編碼(canvas 會把 EXIF 方向烘進像素,直式照片不會轉向),訊息列顯示壓縮前後大小;MAX_EDGE 常數與編譯端共用,編譯端縮圖保留作為舊照片的雙保險。已在本機實測:2244x4124 / 1.4MB 原圖上傳後存為 696x1280 / 170KB。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-28 11:07:08 +08:00
JianMiauandClaude Fable 5 c894b98e48 編譯前將照片縮至長邊 1280px,修正 iPhone 掃描無反應
根本原因:
管理頁把原始解析度照片(2244x4131)直接餵給 MindAR 編譯器,特徵檔隨圖片尺寸與張數暴漲。2 張時 iOS Safari 勉強可用,新增至 4 張重新編譯後,掃描頁的 WebGL 資源超出 iOS 上限,辨識引擎無聲失效——相機畫面正常但掃任何照片都沒反應;桌面 Chrome 資源上限較高所以不受影響。

影響:
NAS 部署(4 組配對)後 iPhone 完全無法辨識任何照片,服務等同不可用。

修法:
編譯前先在瀏覽器端把照片縮到長邊 1280px(canvas 縮圖後餵給編譯器),特徵檔由 4.05MB 降為 2.76MB。已用 Playwright 假相機對 NAS 實測,4 張照片皆可在 2 秒內辨識並播放對應影片;配對 aspect 仍以原圖計算,顯示比例不變。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-28 10:55:45 +08:00
JianMiauandClaude Fable 5 0cf034a856 新增動態相片 Web AR 服務(照片掃描播放對應影片)
摘要:
建立照片=key、影片=value 的 Web AR 服務,手機瀏覽器掃描照片後,
影片會貼齊照片位置覆蓋播放(同小米相片印表機動態照片效果)。

根本原因:
全新專案。

影響:
管理頁(3510/HTTP)可上傳配對並於瀏覽器端編譯 MindAR 特徵檔;
掃描頁(3511/HTTPS)供手機掃描照片播放影片。資料存於 /data volume,
支援外掛正式憑證(/certs),無憑證時自動產生自簽憑證。

修法:
Node.js + Express 後端、MindAR + A-Frame 前端,Docker 部署
(sudo docker compose up -d --build)。已處理 iOS 影片解鎖漏音
(影片保持靜音直到掃到照片)、MindAR 相機畫面被 body 背景遮蔽、
A-Frame boolean 屬性解析等問題。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-07 10:04:27 +08:00