海康视频播放，包含h5和web插件

自行下载

海康开放平台

demo 都写得很清楚，不多描述

注意，两者需要的数据不一样，web是需要第三方标识，下载安装插件到电脑，要配置海康数据。h5是视频流，只需传接口返回的流地址

1.视频web插件

ps: 逆天插件，层级非常高，打开弹窗都会被挡住，需要做限制

vue2写法，公共vue文件写法，调用文件即可

开始时需要以下配置，不知道的找对接平台数据的人，必须要，否则播不了

getParameterData: {
    port: 443,
    ip: "10.10.2.22",
    appKey: "20224202",
    appSecret: "ndqXXXXXt1jHY2r8Uy",
    enableHTTPS: 1,
}, //海康数据

// 注意版本不一样，加载插件的声明不一样，下面vue3的是最新的，声明实例new WebControl切换下

不完整，自行补充

vue3+vite

使用版本

index文件引入

playVideo传第三方标识，请自行修改以下变量值如上

可直接复制使用vue，点击播放

能直接使用，测试如下，可测试第三方标识能否使用

2.H5视频播放器

vue3写法，将下载的文件复制到public下

在index.html 引入

不完整，自行补充

这是我本地的地址，需要后端返回类似的

ws和hls都试过可以播放，ws基本没延迟，优先使用

 unref(playRef).playerFun.createPlayer(item, index)
 
 回放时间格式要转为 format('YYYY-MM-DDTHH:mm:ss.SSSZ')
 unref(playRef).playerFun.replayFun({ ... })