记录－交流－Web开发知识分享
作者：网易云信资深客户端开发工程师 陶金亮
近几年，实时音视频领域越来越热，业界很多音视频引擎都是基于 WebRTC 进行实现的。本文主要介绍 WebRTC 在视频辅流上的需求背景以及相关技术实现。
WebRTC 中的 SDP 支持两种方案： PlanB 方案 和 Unified Plan 方案。早期我们使用多PeerConnection的 Plan B 方案中只支持一条视频流发送，这条视频流，我们称之为”主流”。目前我们使用单 PeerConnection 的 Unified Plan 方案，新增一条视频辅流，何为视频”辅流”？视频辅流是指第二条视频流，一般用于屏幕共享。…
据报道，如今已安装数亿台视频监控 IP 摄像机。当然，并非所有这些都需要低延迟视频播放。视频监控通常是静态的——流记录到存储中并被分析以检测运动。有很多软件和硬件视频监控解决方案可以很好地完成它们的工作。
在本文中，我们将介绍IP 摄像机的稍微不同的用法，即 -需要低延迟通信的应用程序中的在线广播。
首先，让我们来解决关于网络摄像头和 IP 摄像头的常见术语误解。
网络摄像头是一种没有自己的 CPU 和网络接口的视频捕获设备。网络摄像头需要连接到计算机、智能手机或任何其他设备才能使用其网络功能和 CPU。
IP 摄像机是一个独立的设备，具有自己的网络接口和一个 CPU，用于压缩捕获的视频并将其发送到网络。因此，IP 摄像机是一台独立的微型计算机，可以连接到网络，不需要任何其他设备。也就是说，它直接向 Internet 广播。
低延迟是 IP 摄像机和在线广播的罕见要求。当视频信号源与该流的观众交互时，就会出现对低延迟连接的需求。
低延迟通常是各种游戏使用场景的要求。例如：实时视频拍卖、真人荷官视频赌场、带主播的交互式在线电视节目、远程四轴飞行器控制等。
现场赌场经销商在工作。
在本文中，我们展示了 7 种不同的技术方法，用于在浏览器的网页上显示来自支持 RTSP 的 IP 摄像机的视频流。
通常，浏览器不支持 RTSP，因此使用中间服务器为浏览器转换视频流。
浏览器不支持 RTMP 协议，但猜猜谁支持？忠实的老版Flash Player，虽然不支持所有浏览器，但运行良好，因此可以显示视频流。
播放器的代码基于 Action Script 3 构建，如下所示：
|
1
2
3
|
var nc:NetConnection = nc.connect("rtmp://192.168.88.59/live",obj);var subscribeStream:NetStream = |
WebTransport 是WebRTC体系下的一套浏览器API,提供低延迟,client和server之间双向通信的能力。 核心的能力点包括：
相关的规范如下：
在浏览器中可以通过URL 来实例化一个WebTransport 实例，比如:
const url = ‘quic-在视频标签上加入 onpause="this.play();" 即可.
如下
<video playsinline autoplay controls style="width: 1600px;height: 920px;" onpause="this.play();" id="videoid"></video>
…
为iOS版微信浏览器刚刚支持webrtc的缘故，只有一则3月10多日的新闻说随着ios的更新，采用wkwebview的微信浏览器也已经支持webrtc，再没有其它有用的资料。
后来看了一个使用webrtc支持ios版微信浏览器的网站，发现玄机竟然是下面的代码…
参见：Nginx+FFmpeg实现rtsp流转hls流，在WEB通过H5 video实现视频播放
不足：hls延迟较rtmp、http-flv大
https://blog.csdn.net/gui66497/article/details/78590190
https://blog.csdn.net/LLittleF/article/details/81111713
注：通过video.js播放rtmp流。需要将代码放到服务器，本地windows电脑无法播放
不足：需要浏览器开启flash
基于nginx-rtmp-module，通过配置将rtmp转为flv，最后通过flv.js播放。
https://github.com/winshining/nginx-http-flv-module/blob/master/README.CN.md
https://segmentfault.com/a/1190000016043297
https://blog.csdn.net/qq_22633333/article/details/96288603#comments
这种方式是最理想的，我目前找到的方案。当然单指不想花钱买收费方案的。
https://github.com/lulop-k/kurento-rtsp2webrtc
https://www.jianshu.com/p/1ddfa72de165
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <style> html, body{ height: 100%; width: 100%; } #video{ height: 300px; width: 300px; } </style> <script> $(() => { var constraints = { audio: { echoCancellationType: 'system',//browser|system echoCancellation:…
近期评论