海康sdk获取监控视频流 实现流程

一,实现效果:

二,根据接口返回的wss地址进行渲染:

三,将接口的中的固定IP地址替换:

四,页面左右侧,引入监控组件MonitorFrame

五,监控组件为iframe引入,一个视频流开一个进程,减少性能问题,iframe引入video_player页面。

六,video_player页面引入海康HikVideoPlayer组件,dataList作为数据props传入,用字符串格式。如果用数组格式,数据相同也会重新更新。

七,在index.html中引入h5player,能提前挂载好所使用的JSPlugin等方法。在HikVideoPlayer组件中执行initPlayer方法,通过play方法渲染视频流

八,事件回调绑定

九,errorLimit刚开始等于3,失败3次内重新执行reloadUrl函数,重新获取新视频流链接。

十,h5player开发指南。mode:1 在钉钉浏览器中无法播放,换为mode:0后播放部分

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容