Commit Graph
4 Commits
Author SHA1 Message Date
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 a5fa5b0972 掃描成功後右下角顯示影片下載按鈕
摘要:
掃到照片後,掃描頁右下角出現圓形下載按鈕,點擊可下載最後掃到的影片。

根本原因:
使用者希望能把掃描到的動態影片存到手機。

影響:
每次 targetFound 會更新按鈕連結與檔名(配對名稱.副檔名,如 20260707_093628.mp4);
掃到不同照片會切換成該張的影片;按 ✕ 停止掃描時按鈕隱藏。

修法:
新增固定於右下角的 <a download> 按鈕,targetFound 時設定 href 與 download
屬性並顯示。版本標示 v7。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-07 10:27:39 +08:00
JianMiauandClaude Fable 5 ffe3dc366f 移除掃描框與載入張數顯示
摘要:
掃描頁不再顯示 MindAR 掃描框動畫,開始畫面也不再顯示「已載入 N 張動態相片」。

根本原因:
使用者不需要這兩個提示,畫面更乾淨。

影響:
掃描時只看到相機畫面;開始畫面狀態列留空(錯誤訊息仍會顯示)。

修法:
mindar-image 的 uiScanning 改為 no;載入完成後狀態文字改為空字串。版本標示 v6。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-07 10:05:51 +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