在這支影片中，我們將一步步帶你實作一個前端設備管理介面，整合三項實用功能：即時影像播放、地圖定位，以及依使用者角色過濾授權設備，你將學會如何解析設備參數中的串流連結，透過按鈕點擊跳出新視窗顯示即時畫面，也會使用設備的經緯度資訊，在 Google 地圖中定位並顯示設備位置。
除了畫面操作，我們也會設計兩個後端 API，一個是無條件列出所有設備，另一個則是根據帳號查詢角色授權的設備，讓系統管理者與一般使用者看到的資料有所區隔，這樣的設計，不僅讓畫面更直觀，也讓權限控管更靈活。
影片中使用純 JavaScript 搭配 ASP.NET WebAPI，所有功能都是從零開始實作，只要照著影片操作，你就能快速打造出一個功能完整、畫面簡潔的設備管理頁面，非常適合剛學完帳號/角色管理模組的你，繼續進階練功！
00:00 設備讀取
10:00 依角色讀取設備
12:52 設備新增/修改/刪除
