【技术实现步骤摘要】
一种基于HTML5播放监控设备实时视频的方法及系统
[0001]本专利技术涉及视频播放
，具体涉及一种基于HTML5播放监控设备实时视频的方法及系统。
技术介绍
[0002]近年来，随着4G、5G技术的发展和互联网的高速发展，各种基于流媒体技术的应用层出不穷，人们对流媒体的需求也越来越多。特别是疫情期间，各种流媒体需求呈爆炸式增长，网络课堂、视频直播、远程医疗、无人机、视频通话、视频会议等众多领域都用到了流媒体技术。视频监控是流媒体技术的重要应用之一。
[0003]在视频监控领域逐渐由模拟监控到数字监控，再到方兴未艾的网络视频监控的背景之下，视频监控的发展经历着革命性的变化，人们对网络视频监控的兴趣也是与日俱增。
[0004]在目前的视频监控行业，视频监控设备在web端实时预览视频，一般基于ActiveX的网络视频监控系统客户端，针对在一些非IE内核的浏览器不支持加载ActiveX控件的情况，通过NPAPI浏览器插件的方式实现。随着互联网技术的发展，IE内核的浏览器逐渐边缘化；新的浏览器版本也不支持NP...
【技术保护点】
【技术特征摘要】
1.一种基于HTML5播放监控设备实时视频的方法，其特征在于，包括以下步骤：判断是否接收到来自客户端访问设备端的请求，若是，则依次调用相应设备端的连接接口和预览接口；当成功调用预览接口，客户端利用Websocket服务连接流媒体服务器后，流媒体服务器通过注册设备SDK回调函数，以回调的方式来接收设备端的实时预览视频流，流媒体服务器将从设备端获取到的视频流进行解装后，再进行编码并封装成客户端能播放的格式，通过Websocket服务传送到客户端，实现实时预览视频在客户端上的播放。2.根据权利要求1所述的基于HTML5播放监控设备实时视频的方法，其特征在于，在访问设备端时，客户端HTML5页面的JavaScript脚本通过POST方式，将需要查看的设备端的信息以JSON格式作为主体，调用设备端连接接口HTTP服务；在接收到调用设备端连接接口HTTP服务的请求后，根据设备端类型创建对应厂家SDK调用的对象实例，并根据HTTP请求主体中传递的设备端IP地址、端口、用户名和密码调用连接设备端的接口，并返回连接设备端是否成功的结果到客户端；若返回连接设备端成功，客户端HTML5页面的JavaScript脚本通过POST方式，将启用预览的命令以JSON格式作为主体，调用实时视频预览接口HTTP服务。3.根据权利要求2所述的基于HTML5播放监控设备实时视频的方法，其特征在于，在接收到调用实时视频预览接口HTTP服务的请求后，通过SDK的接口对象实例调用启用设备端预览接口，并返回启用设备端预览是否成功的结果和Websocket地址到客户端；若返回启用设备端预览成功，客户端HTML5页面创建MediaSource将绑定上一步返回的流媒体服务器Websocket地址，并将该Websocket地址设置为＜video＞标签的src；流媒体服务器通过SDK的接口对象实例获取设备端回调返回的视频，并对视频进行转码，由PS流转成fmp4流，并通过Websocket推送到客户端；在客户端通过Websocket接收到视频数据后，客户端HTML5页面的MediaSource创建SourceBuffer，同时调用SourceBuffer的appendBuffer接口将ArrayBuffer数据推送到＜video＞标签；客户端HTML5页面的＜video＞标签调用play方法，开始播放视频。4.根据权利要求3所述的基于HTML5播放监控设备实时视频的方法，其特征在于，在预览视频播放时，如需要控制设备端移动，客户端HTML5页面的JavaScript脚本通过POST方式，将移动的方向、开始/停止移动等信息以JSON格式作为主体，调用云台控制接口HTTP服务；在接收到调用云台控制接口HTTP服务的请求后，通过SDK的接口对象实例调用设备端的云台控制接口来控制设备端。5.根据权利要求3所述的基于HTML5播放监控设备实时视频的方法，其特征在于，在需要停止实时视频预览时，客户端HTML5页面的JavaScript脚本通过POST方式，将关闭预览的命令以JSON格式作为主体，调用实时视频预览接口HTTP服务；在接收到调用实时视频预览接口HTTP服务的请求后，流...
【专利技术属性】
技术研发人员：黄日辉，
申请(专利权)人：广东博思信息技术股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。