vue实现海康h5player问题汇总

1. 引入问题

最开始写的时候,把h5player封装成了一个组件,把资源文件随便放在了一个目录下, 直接在子组件中引入,报错window.JSPlugin is not a constructor 或者JSPlugin is not defined

初步分析应该是引入资源文件失败,查了很久才发现,资源文件应该放在public目录下,并在public下的index.html中引入资源文件,组件就能够正常找到h5player.min.js中的方法了

引用H5player.min.js的js相对目录,必填

2. 报错0x01730ec1

有一个好东西是海康官方在线客服,可以根据错误码查询对应的可能的原因,很好用

最开始上网查,说是时间格式问题,可是我是实时预览并不涉及到时间,就查了一下官方客服。

在调用实时预览方法JS_Play()中{}中的变量不小心大小写不一致导致参数名出错,必须是{ playURL, mode }

这相当于:

javascript 复制代码
{
	playURL: playURL,
	mode: mode
}

3. 报错0x01b01307

最开始用demo测试的时候,发现普通模式不能成功播放,报错0x01b01307,但是高级模式能够正常播放。查询海康官网得知可能是媒体网关版本低的问题,但是查询媒体网关版本号需要进入设备运行管理中心,我没有账号密码,就没有证实这件事。开发的时候就直接用的高级模式了。

目前就这么多咯

相关推荐
GuWenyue5 小时前
放弃云端API!一套React+WebGPU本地LLM方案,零数据上传、离线可用
前端·人工智能·前端框架
原则猫7 小时前
函数/变量提升
前端
独泪了无痕7 小时前
Vue3 Hooks使用实战解析
前端·vue.js
shawxlee9 小时前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
用户059540174469 小时前
把记忆存储的回归测试从手工换成 Playwright + GitHub Actions,线上缺陷降低 80%
前端·css
触底反弹9 小时前
🚀 从 DOM0 级到 React 合成事件:前端事件监听的 20 年演进史
前端·react.js·面试
kyriewen9 小时前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔
前端·javascript·面试
颜酱9 小时前
04 | 召回前置准备:搭好召回所需的四个数据库
前端·人工智能·后端
郝亚军11 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
IT_陈寒11 小时前
React的useEffect依赖项把我坑惨了
前端·人工智能·后端