感谢您发送咨询!我们的团队成员将很快与您联系。
感谢您发送预订!我们的团队成员将很快与您联系。
课程大纲
媒体设备处理
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)
机器翻译