 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
|
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 |
|