海康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、总结

        直接睡觉-到处睡觉-到头就睡；