Web网页无插件播放RTSP、RTMP、HLS、HTTP视频流的可行方案

通过多年的项目实战和研发经验的积累，TSINGSEE青犀视频团队总结了一下对于Web可视化在视频播放上如何作到无插件H5展现的方法，尤为是契合安防行业的方案。

前提

除了HTTP、WebSocket类的传输协议，其余是没法传输到浏览器的，因此，若是要作一款通用的H5视频播放器，基本上就是一款HTTP/WebSocket协议的视频播放器，若是是相似于RTMP、RTSP类型协议的视频源，是不可避免，须要通过服务器转换的。

方案一：协议转换

采用相似于EasyCVR的全协议接入，再转成标准协议输出的方式。

难点：

• 后端兼容
• H.265播放器

方案二：WebSocket透传

经过WebSocket通道转发各类不一样协议的视频流，WebSocket相似于一个管道，只作原样的数据转发，具体的协议交互过程仍是按照原协议进行，RTSP、SIP类的文本协议按照文本协议的方式，RTMP类的字节流协议按照字节流协议的方式。

难点：

• 前端兼容
• H.265播放器

H.265网页播放方案

你们能够看到以上的两种解决方案都会具备一个H.265网页播放的难点，这里的主要缘由是目前的浏览器基本都不能支持H.265的底层解码，或者说硬解码，H.265须要结合原生播放器的开发技术和Web播放器的开发技术，也就是wasm技术，将C/C封装成wasm，被js调用，这样js就能像C/C原生播放器同样，充分利用C/C++的计算能力和扩展能力，来实现视频的解码过程。

wasm播放的主要优点契合安防的实际需求，虽然目前各大厂商开始流行WebRTC直播，但目前因为安防的特殊性，H.265已经占据主导，解决H.265的前端展现才能完整地解决整个安防可视化的需求，这个是RTC播放没法解决的。