感謝您提交詢問!我們的一位團隊成員將在短時間內與您聯繫。
感謝您提交預訂!我們的一位團隊成員將在短時間內與您聯繫。
課程簡介
媒體設備處理
1. 使用navigator.permissions處理瀏覽器權限
- 訪問硬件:
- 攝像頭
- 麥克風
- 可選權限:
- 地理位置
- 通知
- 剪貼板(讀/寫)
- 權限查詢和狀態
- 限制和瀏覽器兼容性
2. 使用navigator.mediaDevices讀取媒體設備
- 設備枚舉
- 處理設備變化
3. 跨瀏覽器兼容性
- API使用:
- navigator.permissions.query()
- navigator.mediaDevices.enumerateDevices()
- getUserMedia()
- Safari回退策略
4. 媒體設備處理
- 設備初始化:getUserMedia(constraints)
- 媒體設備約束
- 啓動和停止媒體流
- 處理設備變化
5. 使用MediaRecorder錄製設備
- 啓動/停止流媒體和錄製
- 下載.webm文件
- 即時波形預覽
可選附加功能:
- 使用ScriptProcessorNode保存爲.wav格式
- 音頻FFT頻譜可視化
- 分貝音量條
- 使用webkitSpeechRecognition進行語音識別
點對點連接
1. 信令服務器
- 雙向通道選項:
- WebSocket
- Socket.io
- SignalR
- 消息結構
- 簡化的WebRTC客戶端
- 完整的信令流程
2. 通過WebRTC進行視頻聊天
- 架構:Node.js + ws
- WebRTC客戶端:RTCPeerConnection
- 本地端到端測試
可選功能:
- 掛斷電話(關閉連接,停止媒體)
- 羣組通話(多用戶房間)
- 基於令牌的簡單身份驗證
3. 屏幕共享
- 使用getDisplayMedia()
- 架構和選項
4. 會話描述協議(SDP)
- 介紹和內容
- 讀取和解釋SDP
- 編解碼器:
- 音頻和視頻
- 協商和控制
- 回退策略
5. 使用getStats()進行WebRTC統計
- 統計類型
- 如何解釋統計
- 即時比特率/抖動圖表
- 質量調整策略
6. 所有主題
- 實踐用例
最低要求
本課程非常適合前端和全棧開發者、技術架構師以及工程師,他們正在構建基於瀏覽器的即時通信功能,如視頻聊天、屏幕共享或音頻流。參與者應具備JavaScript和Web技術的工作知識,最好有Node.js和基於WebSocket的通信經驗。
14 時間:
客戶評論 (5)
我喜歡Gunnar在培訓過程中即時編寫了大部分代碼,同時在Google Drive上準備了大量材料,培訓結束後我可以隨時參考。Gunnar根據我事先提供的示例數據編寫的代碼也非常有用,這使培訓內容與我們自己的數據集緊密相關。
Ranvir - Schroders Personal Wealth
課程 - Visual Studio Code
機器翻譯
每個模塊的多個示例以及培訓師的豐富知識。
Sebastian - BRD
課程 - Secure Developer Java (Inc OWASP)
機器翻譯
模塊3 apps攻擊與利用,XSS,SQL注入 模塊4 服務器攻擊與利用,DOS,BOF
Tshifhiwa - Vodacom
課程 - How to Write Secure Code
機器翻譯
實際案例。
Kristoffer Opdahl - Buypass AS
課程 - Web Security with the OWASP Testing Framework
機器翻譯
培訓師的專業知識非常出色,課程安排得當,學員能夠跟隨演示進行操作,這種方式比單純坐着聽講更有助於鞏固知識。
Jack Allan - RSM UK Management Ltd.
課程 - Secure Developer .NET (Inc OWASP)
機器翻譯