Commit Graph
4 Commits
Author SHA1 Message Date
JianMiauandClaude Fable 5 77fff4326c 修正 iOS 27 Beta 掃描無反應,掃描頁加入畫面內錯誤與除錯顯示(v8)
根本原因:
iOS 27 Beta 的 WebKit 回歸使 tfjs 打包著色器連結失敗
(Failed to link vertex and fragment shaders),MindAR 辨識引擎
啟動時無聲掛掉;相機畫面只是一般 video 元素照常顯示,
使用者看到的症狀就是「掃描完全沒反應」。錯誤只進 console,
行動裝置上看不到,導致先前無從排查。

影響:
iOS 27 Beta 裝置無論掃哪張照片都不會觸發辨識;iOS 26 與桌面正常。

修法:
1. 在 MindAR 載入前偵測 iOS 裝置,自動把 tfjsflags=WEBGL_PACK:false
   補進網址(tfjs 由 query string 讀取設定),改用未打包著色器,
   已在 iOS 27 Beta 實機驗證可正常辨識;網址手動帶 tfjsflags 時不覆蓋。
2. 未攔截的 JS 錯誤改以紅色橫幅直接顯示在畫面頂端;網址加 ?debug
   可在畫面底部看到掃描過程(目標數、相機解析度、targetFound/Lost、
   console 訊息),行動裝置也能自行排查。版本字樣升至 v8。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-28 11:41:20 +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