感謝您提交詢問!我們的一位團隊成員將在短時間內與您聯繫。
感謝您提交預訂!我們的一位團隊成員將在短時間內與您聯繫。
課程時長 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)
培訓幫助我擴展了對Burp Suite的知識和理解。我也意識到,通過自學學到的內容仍然相當有限。這次培訓對作為QA的我非常有幫助,因為Burp Suite是執行安全測試和提升應用程式測試整體品質的寶貴工具。我將繼續探索這個工具,並進一步了解其功能和能力。
Rea Mendez - BAKAWAN Data Anallytics Inc.
課程 - OWASP Top 10 2025
機器翻譯
我非常喜歡學習關於AI攻擊的內容,以及那些可以開始實踐並積極用於安全測試的工具。我學到了很多之前不瞭解的知識,課程也達到了我的期望。培訓中我最喜歡的部分是Comet Browser,它的功能讓我感到驚歎。這絕對是我會進一步研究的內容。總體來說,這是一門很棒的課程,我很享受學習所有OWASP GenAI Top 10的內容。
Patrick Collins - Optum
課程 - OWASP GenAI Security
機器翻譯
實踐操作、練習、面對面幫助與答疑。
Jose Paulos - INESC TEC
課程 - Tailwind CSS
機器翻譯