WebRTC--简单入门实例 快速搭建h5视频直播系统

WebRTC 示例

这是一些小示例的集合,展示了WebRTC API的各个部分代码。
示例可以在GitHub 存储库中找到。

大多数示例都使用 adapter.js,用来屏蔽各个游览器之间的差异。

https://webrtc.org/testing
列出了命令行标志,这些标志对于使用 Chrome 开发和测试非常有用。

设备

getUserMedia

访问媒体设备

  • 基本获取用户媒体演示
  • 将 getUserMedia 与画布一起使用
  • 将 getUserMedia 与画布和 CSS 滤镜一起使用
  • 选择相机分辨率
  • 仅音频获取到本地音频元素的输出
  • 仅音频获取用户媒体并显示音量
  • 录制流
  • 屏幕共享与获取显示媒体
  • 选择摄像头、麦克风和扬声器
  • 选择媒体源和音频输出

捕获流

从画布或视频元素进行流式传输

  • 从视频元素流式传输到视频元素
  • 从视频元素流式传输到对等连接
  • 从画布元素流式传输到视频元素
  • 从画布元素流式传输到对等连接
  • 从画布元素录制流
  • 使用内容提示指导视频编码

RTC 对等连接

RTCPeerConnection

控制对等连接

  • 基本对等连接演示
  • 仅音频对等连接演示
  • 动态更改带宽
  • 升级通话并打开视频
  • 一次建立多个对等连接
  • 将一台 PC 的输出转发到另一台电脑
  • 蒙格 SDP 参数
  • 设置对等连接时使用 pranswer
  • 约束和统计数据
  • 更多约束和统计数据
  • 显示各种方案的创建输出
  • 使用 RTCDTMFSender
  • 显示对等连接状态
  • ICE 候选服务器从 STUN/TURN 服务器收集
  • 执行 ICE 重新启动
  • Web 音频输出作为对等连接的输入
  • 作为 Web 音频输入的对等连接

RTC 数据频道

RTCDataChannel

通过对等连接发送任意数据

  • 传输文本
  • 传输文件
  • 传输数据
  • 消息

视频聊天

全功能 WebRTC 应用程序

  • AppRTC 视频聊天 客户端由谷歌应用程序引擎提供支持
  • AppRTC URL 参数

你可能感兴趣的:(javascript,webrtc)