🎯 智慧監控系統

結合電腦視覺、語音 AI、藍牙雷達與 Gemini 視覺辨識的智慧居家監控系統。本說明書帶你一步步操作五大模式與所有功能。

線上網址:smart-monitoring-system.zeabur.app 建議瀏覽器:Chrome / Edge 純瀏覽器運算,免安裝

0 快速開始

三分鐘上手:開啟網站、允許攝影機、選擇模式、按下啟動。

首頁總覽
圖 0:首頁總覽 — 上方模式列、左欄設定、中欄即時監控、右欄警示/影片/分析

開始使用

  1. 用電腦或手機的瀏覽器開啟 系統網址
  2. 等待右下角的辨識模型載入完成(第一次會下載模型,之後會快取)。
  3. 瀏覽器跳出權限時,點「允許」開放攝影機。
  4. 在上方模式列選擇要使用的模式。
  5. 設定好左欄選項後,按啟動開始監控。

介面三大區塊

⬅️ 左欄 · 模式設定
目前模式專屬的選項,例如要追蹤哪些物品、保護哪些物品、櫃子範圍等。
⬛ 中欄 · 即時監控
攝影機即時畫面,疊上辨識框、人臉框、狀態列。支援雙攝影機。
➡️ 右欄 · 警示/分析
即時警示列表、物品消失影片回放、物品社交網路圖。
💡 提示整個系統支援中/英/韓/西四種語言,可在「設定 → 系統 → 語言」切換;切換後介面文字、警示、語音都會跟著改變。

2 出門提醒模式 🚪

辨識到已註冊的人臉時,提醒對方「忘了帶哪些東西」,並可查詢天氣決定要不要帶傘。

出門提醒模式
圖 2:出門提醒模式 — 必帶物品清單、城市天氣與人臉註冊

操作步驟

  1. 先在右側「👤 人臉註冊」註冊家人的臉(見第 9 節)。
  2. 勾選出門必帶物品(鑰匙、錢包、手機、雨傘…)。
  3. 選擇所在城市以取得天氣資訊。
  4. 啟動。當系統認出註冊的人,就會提醒缺少的物品。
💡 提示物品齊全時會說「祝你有美好的一天」,缺東西時會提醒「⚠️ 某某忘了拿○○」。

3 開櫃警示模式 🚨

監控櫃門開啟,並依「年齡」或「人臉」規則判斷是否違規(例如小孩不可開藥櫃)。

開櫃警示模式
圖 3:開櫃警示模式 — 在畫面上框選櫃子範圍並設定開櫃規則

操作步驟

  1. 點上方「🚨 開櫃警示」。
  2. 按「擷取目前畫面」取得攝影機靜止影像。
  3. 在影像上點兩個對角,框出要監控的櫃子範圍。
  4. 設定開櫃規則:允許的年齡範圍,或限定的人臉
  5. 啟動。櫃門被打開且不符合規則時,立即紅色警示並自動擷取當下影像。
⚠️ 注意必須先框出櫃子範圍,系統才會開始偵測櫃門狀態,避免誤報。

4 安全監控模式 🔒

保護指定物品,偵測有手靠近或拿取;也可加入跌倒偵測。

安全監控模式
圖 4:安全監控模式 — 勾選保護物品與功能(拿取偵測/跌倒偵測)

操作步驟

  1. 點上方「🔒 安全監控」。
  2. 勾選要保護的物品
  3. 勾選要啟用的功能:拿取偵測、跌倒偵測。
  4. (選用)設定身分規則:哪些年齡/人臉不允許靠近。
  5. 啟動。有手靠近或拿取保護物品、或偵測到跌倒時,發出警示。

5 智慧助理模式 🧠

分析你的攜帶習慣,提供社交網路圖、遺失風險預測、攜帶推薦與物品位置查詢。

智慧助理模式
圖 5:智慧助理模式 — 物品社交網路、遺失風險、攜帶推薦、位置查詢
🕸️ 物品社交網路
用中心輻射圖呈現哪些物品常被一起攜帶(共現關係)。
🔮 遺失風險預測
由 Gemini 推理分析哪些物品容易被遺忘或放錯地方。
💡 攜帶推薦
依情境推薦「你可能還要帶」的物品。
📍 物品位置查詢
查詢某物品最常出現在哪個位置。
物品社交網路圖
圖 5-1:物品社交網路(中心輻射圖)— 中心為最常攜帶的物品,連線粗細代表一起出現的次數

6 即時監控區 📹

中欄的攝影機即時畫面,疊上所有辨識結果。

即時監控區
圖 6:即時監控 — 偵測框含物品名稱與信心值,移動中物品顯示速度
  • 偵測框:只框出你選定的物品,框上顯示名稱與信心值。
  • 移動速度:物品移動時框上會顯示速度標記。
  • 雙攝影機:若連接第二支攝影機,會並排顯示。
  • 狀態列:顯示目前監控狀態(監控中/警示)。
💡 提示偵測框與人臉框已做平滑處理,不會一直閃爍;單格漏偵測會保留約 0.6 秒,移動更順。

7 警示區 🔔

即時列出系統發出的警示,依等級以顏色區分。

警示區
圖 7:警示列表 — 含等級色(資訊/警告/危險)與時間戳
🟢 資訊一般通知,例如「物品齊全」「櫃子被打開」。
🟠 警告需要留意,例如「物品消失」「有手靠近保護物品」。
🔴 危險需立即處理,例如「開櫃違規」「偵測到跌倒」。

警示文字會跟隨你選擇的語言;列表可隨時清空。

8 物品消失影片 📽️

回放物品消失時自動錄下的片段。

物品消失影片
圖 8:影片回放 — 下拉選擇片段與攝影機角度後播放
  1. 在下拉選單選擇要回放的片段(以「物品名-時間」命名)。
  2. 選擇要看的攝影機角度
  3. 播放;不需要的片段可刪除
💡 提示影片擷取的是「物品消失當下的前 5 秒」,所以你會看到物品從畫面中離開的那一刻。

9 設定 — 註冊 👤📦

註冊人臉與物品,供出門提醒、開櫃/安全的身分判斷使用。

設定-註冊
圖 9:設定 → 註冊分頁 — 已註冊人員、人臉註冊、物品註冊

👤 人臉註冊

  1. 上傳一張照片,或從主攝影機即時拍照。
  2. 輸入姓名。
  3. 按「註冊人臉」。

📦 物品註冊

  1. 上傳一張或多張物品照片。
  2. 選擇對應的物品類別。
  3. 按「註冊物品」(會關聯到人臉註冊中輸入的姓名)。

10 設定 — 系統 ⚙️

調整偵測來源、音訊、時區、語言、攝影機與通知。

設定-系統
圖 10:設定 → 系統分頁 — 左側分類導覽,右側對應設定
🧠 偵測來源切換是否使用 WebGPU 加速辨識(裝置支援時較快)。
🔊 音訊輸出選擇語音播報要從哪個喇叭輸出。
🕐 時區設定影片與紀錄使用的時區(預設台灣 UTC+8)。
🌐 語言中文/English/한국어/Español,全介面即時切換。
📷 攝影機選擇攝影機 1/攝影機 2 的裝置來源。
🔔 通知Telegram 警示通知設定。
ℹ️ 關於顯示目前系統版本。

11 手機檢視 📱

用手機掃 QR Code,即時看到與主控台同一個畫面。

手機檢視 QR
圖 11:手機檢視 — 掃描 QR Code 連線
  1. 捲到主控台底部的「📱 手機檢視」區。
  2. 用手機相機掃描 QR Code。
  3. 手機即可即時看到監控畫面;模式與設定會雙向同步。

12 語音助理 🎙️

用語音喚醒並下指令操作系統,雙手不必離開。

語音助理
圖 12:語音助理 — 顯示「聆聽中」狀態
  1. 開啟語音助理,看到「聆聽中」。
  2. 說出喚醒詞「智慧助理」,聽到「我在聽」。
  3. 接著說指令,例如:「幫我找鑰匙」「切換到安全監控」「查天氣」「關閉警報」。
💡 提示語音辨識與朗讀會跟隨介面語言:選英文就用英文聽與說,選韓文/西文亦然。

附錄 · 常見問題

攝影機沒有畫面?確認瀏覽器已允許攝影機權限,並在「設定 → 攝影機」選對裝置;其他程式若占用攝影機請先關閉。
模型載入很久?第一次使用需下載辨識模型,之後會快取於瀏覽器。建議用穩定網路與 Chrome/Edge。
影片回放有點卡?因為所有辨識都在瀏覽器端即時運算,錄影幀率會受影響,屬正常現象。
文字語言不一致?到「設定 → 系統 → 語言」重新選擇;介面、警示與語音都會跟著切換。
建議裝置?桌機/筆電 + Chrome 或 Edge 最佳;手機可作為檢視端(掃 QR)。