实现浏览器全兼容视频播放的一种实现技术

实现浏览器全兼容视频播放的一种实现技术

2021-03-01 By Nico

摄像头视频数据作为重要的展示数据，被各类应用服务所接入，但是基于B/S架构的应用在不同的浏览器上浏览视频时经常碰到兼容性的问题。使用浏览器实时预览视频画面常使用插件形式或者直播方式，使用插件方式，依赖于浏览器对插件的支持，如果不支持则不能使用；直播方式则需要流媒体服务器进行相应的转码工作，在实现的成本上会提高。本文通过摄像头输出的RTSP流，使用Websocket通讯技术实现浏览器端的全兼容实现，提供给大家一种实现技术参考。

首先我们需要获取摄像头的视频流，目前市场上主流摄像头都带有RTSP协议的流输出，取流地址一般格式如下（海康和宇视测试可用）：

rtsp://{account}:{password}@{ip}:{port}/{codec}/{ch}/{streamtype}/av_stream

account：摄像头登录用户名

password：登录密码明码

ip：摄像头在线时对应的ip地址

port：rtsp端口

codec：视频编码方式，可选为：