WebRTC
WebRTC（Web Real-Time Communication）是一项实时通讯技术，它允许网络应用或站点在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流、音频流或其他任意数据的传输。
WebRTC整体架构从上到下一共分为三层：
- Web API层：暴露给开发人员的用于开发WebRTC应用的JavaScript API，如RTCPeerConnection、MediaStream等。
- 核心层：包括音频引擎、视频引擎和网络传输三个模块。
- 音频引擎：负责音频通信，包括音频编解码和语音信号处理（如回声消除、降噪）。
- 视频引擎：负责视频通信，包括视频图像编解码和视频图像处理（如视频抖动缓冲、颜色增强、降噪）。
- 网络传输：负责音视频数据的传输，通过SRTP协议保证数据加密，通过ICE（整合STUN和TURN）协议处理NAT和防火墙穿越问题。
- 实现层：由各厂商自主开发，用于实现音视频的采集和网络IO。
JSWebrtc
JSWebrtc 是基于 SRS 实时视频服务器、对浏览器支持的 WebRTC 基础功能的封装。
<script src="dist/jswebrtc.min.js"></script>
<div class="jswebrtc" data-url="webrtc://osiii.com/live/livestream"></div>
用法
JSWebrtc 播放器可以通过 HTML 创建，只需给指定元素添加 CSS 样式 jswebrtc 即可:
<div class="jswebrtc" data-url="<url>"></div>
OR
var player = new JSWebrtc.Player(url [, options]);
参数说明：
参数 options 支持下列的配置项:
- video – 用于播放视频的 HTML Video 元素.
- autoplay - 是否自动播放. 默认 false.
- onPlay(player) – 播放后回调
- onPause(player) – 暂停后回调
API
方法和属性: - .play() – 开始
- .pause() – 暂停
- .stop() – 停止
- .destroy() – 停止播放并清理相关的播放资源.
- .paused – 只读, 是否暂停播放
