聯繫我們
 課程時長 14 時間:

課程簡介

媒體裝置處理

使用 navigator.permissions 管理瀏覽器權限

  • 存取硬體:
    • 網路攝影機
    • 麥克風
  • 選填權限:
    • 地理位置
    • 通知
    • 剪貼簿(讀/寫)
  • 權限查詢及狀態
  • 限制及瀏覽器相容性

使用 navigator.mediaDevices 讀取媒體裝置

  • 裝置列舉
  • 處理裝置變更

跨瀏覽器相容性

  • API 使用:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Safari 回退策略

媒體裝置處理

  • 裝置初始化:getUserMedia(constraints)
  • 媒體裝置約束
  • 啟動及停止媒體串流
  • 處理裝置變更

使用 MediaRecorder 錄製裝置

  • 啟動/停止串流及錄製
  • 下載 .webm 檔案
  • 即時波形預覽

選配附加功能:

  • 使用 ScriptProcessorNode 儲存為 .wav 格式
  • 音訊 FFT 光譜視覺化
  • 分貝音量條
  • 使用 webkitSpeechRecognition 進行語音辨識

Peer Connection

訊令伺服器

  • 雙向通道選項:
    • WebSocket
    • Socket.io
    • SignalR
  • 訊息結構
  • 簡化的 WebRTC 客戶端
  • 完整訊令流程

透過 WebRTC 進行影片聊天

  • 架構:Node.js + ws
  • WebRTC 客戶端:RTCPeerConnection
  • 本地端 E2E 測試

選填功能:

  • 結束通話(關閉連接,停止媒體)
  • 群組通話(多使用者房間)
  • 基於 Token 的簡單驗證

畫面共享

  • 使用 getDisplayMedia()
  • 架構及選項

會談描述協定 (SDP)

  • 簡介及內容
  • 讀取及解讀 SDP
  • 編碼器:
    • 音訊及視訊
    • 協商及控制
    • 回退策略

使用 getStats() 進行 WebRTC 統計

  • 統計類型
  • 如何解讀統計數據
  • 即時位元率/抖動圖表
  • 品質適配策略

所有主題均包含

  • 實操案例

最低要求

此課程適合前端及全端開發者、技術架構師,以及建構瀏覽器即時通訊功能(如影片聊天、畫面共享或音訊串流)的工程師。學員应具备 JavaScript 及網頁技術的實作知識,若有 Node.js 及基於 WebSocket 的通訊經驗者佳。

人數


每位參與者的報價

客戶評論 (3)

即將到來的課程

課程分類