摘要: 建立照片=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>
16 lines
509 B
YAML
16 lines
509 B
YAML
services:
|
||
photo-live:
|
||
build: .
|
||
container_name: photo-live
|
||
restart: unless-stopped
|
||
environment:
|
||
- TZ=Asia/Taipei
|
||
- DATA_DIR=/data
|
||
- CERT_DIR=/certs
|
||
ports:
|
||
- "3510:3510" # 動態相片管理(HTTP)
|
||
- "3511:3511" # 動態相片掃描(HTTPS,相機權限需要安全連線)
|
||
volumes:
|
||
- /volume1/docker/photo-live:/data # 照片/影片/特徵檔等資料
|
||
- /volume1/docker/certs:/certs:ro # 正式憑證(唯讀)
|