海康web控件实现播放rtsp流-回放预览等功能-vue3
1、使用场景
pc端后端无法给到前端flv、hls、m3u8等流进行播放时,不得不采用海康的web端播放器插件进行播放时使用;
2、优劣势区分
优点:前端负责对接就行,减少了后端工作内容,因为时播放器控件-里面有相应的下载、截图、云台控制等功能;
劣势: 网页一般多人使用时-没台电脑都需要下载播放器才能进行播放,大大影响了使用体验;
3、使用步骤
1、下载海康平台web控件1.5.1等版本;
2、组件里配置好需要的基本参数;
3、引入组件放入父组件中;
4、父组件调用初始化然后调用播放即可实现;
注:没播放可以在调用回放预览时使用定时器延迟1000毫秒左右-确保已渲染;
4、基本功能
1、 组件做了自适应布局-播放器框可以注定到指定位置-控件可以随着弹框大小自适应变化;
2、采用了vue3的写法-已将初始化、预览、回放方法暴露;
5、下面就是组件完整代码
.video_box {
width: 100%;
height: 100%;
}
6、总结
直接睡觉-到处睡觉-到头就睡;