vue实现海康h5player问题汇总

这篇具有很好参考价值的文章主要介绍了vue实现海康h5player问题汇总。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 引入问题

最开始写的时候,把h5player封装成了一个组件,把资源文件随便放在了一个目录下, 直接在子组件中引入,报错window.JSPlugin is not a constructor 或者JSPlugin is not defined
初步分析应该是引入资源文件失败,查了很久才发现,资源文件应该放在public目录下,并在public下的index.html中引入资源文件,组件就能够正常找到h5player.min.js中的方法了
vue实现海康h5player问题汇总,vue.js,前端,海康
vue实现海康h5player问题汇总,vue.js,前端,海康
引用H5player.min.js的js相对目录,必填
vue实现海康h5player问题汇总,vue.js,前端,海康

2. 报错0x01730ec1

有一个好东西是海康官方在线客服,可以根据错误码查询对应的可能的原因,很好用
最开始上网查,说是时间格式问题,可是我是实时预览并不涉及到时间,就查了一下官方客服。
在调用实时预览方法JS_Play()中{}中的变量不小心大小写不一致导致参数名出错,必须是{ playURL, mode }
这相当于:

{
	playURL: playURL,
	mode: mode
}

vue实现海康h5player问题汇总,vue.js,前端,海康

3. 报错0x01b01307

最开始用demo测试的时候,发现普通模式不能成功播放,报错0x01b01307,但是高级模式能够正常播放。查询海康官网得知可能是媒体网关版本低的问题,但是查询媒体网关版本号需要进入设备运行管理中心,我没有账号密码,就没有证实这件事。开发的时候就直接用的高级模式了。
目前就这么多咯文章来源地址https://www.toymoban.com/news/detail-848159.html

到了这里,关于vue实现海康h5player问题汇总的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp 引入海康H5player实现视频监控的播放

    uniapp直接调用海康H5player方法,只能在web浏览器页面正常播放,实机运行会因为找不到文件的相对路径而报错无法播放。因此需要通过 web-view 或 iframe 引入 html 的方式来实现实时视频监控的播放。具体步骤如下: 1、首先将海康h5player的相关文件,引入到static文件夹下,文件相

    2023年04月08日
    浏览(39)
  • uni-app引入海康威视h5player实现视频监控的播放

    知识储备 uni-app web-view组件相关知识:点击学习。 海康威视相关工具下载:点击跳转下载。 web-view组件不全屏显示:uni-app web-view 如果设置不全屏 不自动铺满。 工具下载 首先下载海康威视h5player的demo 在uni-app项目中static文件夹下创建文件目录,我命名为h5player 将demo中bin文件

    2024年02月02日
    浏览(34)
  • 【Uni-app 引入海康h5player并接入ws视频流】

    内容简介 采用uni-app中的renderjs 引入海康H5 SDK 后端接入海康综合安防平台的开放API获取预览流 海康H5 SDK 下载地址 接入原因 因在移动端接入不管是hls flv rtsp rtmp流的播放稳定性和速度均很慢,特采用ws直连流来播放,效率很稳定性均显著提高。因采用前者流可以直接使用原生

    2024年02月11日
    浏览(65)
  • 前后端 java 对接海康威视监控-hls实现h5播放

    海康的获取监控预览流的接口当中支持 rtsp、rtmp、hls等协议。 这篇文章主要是说hls协议的。 贴上海康的开发平台地址,其中有对应的API:海康开发平台 这里除了main方法之外,有两个方法,分别是: 1)分页获取监控点资源。 即返回所有的监控点信息。 2)获取监控点预览取

    2024年02月08日
    浏览(36)
  • 【vue】 vue 实现视频播放 vue-video-player

    注:用来测试的在线视频url地址 1.下载依赖 vue2 推荐下载指定版本依赖,不然可能下载不下来报错。 2.全局注册main.js 3.新建vue文件 下班`

    2024年02月16日
    浏览(28)
  • LabVIEW编写上位机控制汇川PLC H5U和伺服运动,海康威视相机视觉对位,实现全面的自动化控制

    LabVIEW编的上位机控制汇川PLCH5U和汇川伺服运动,海康威视相机视觉对位,LabVIEW通过网口控制汇川H5U和Ethercat伺服,LabVIEW需要装视觉 和DSC模块。 因给的是LabVIEW和PLC源码,项目里有LabVIEW上位机,PLC下位机,ethercat伺服,相机对位,涉及面比较全,这套学会的话,就可以接一般

    2024年04月14日
    浏览(25)
  • 前端实现视频播放功能----vue-video-player --save

    步骤一: npm安装插件 : npm install vue-video-player --save 如果报错 安装具体版本 如下所示: npm install --save vue-video-player@4.0.6  如果package.json文件内显示则为安装成功 步骤二: 局部引入---这里因为只有一个页面需要所有采用的局部引入 在需要的页面引入(这里注意路径不要写错

    2024年02月10日
    浏览(30)
  • vue-video-player,springboot实现视频分段下载播放

    事情的起因是在博主把项目部署到服务器上后,发现由于视频太大,加上服务器太垃圾,导致稍微大点的视频加载很久才能播放(指十多分钟…),然后就上网查找资料,看下咋实现。 这里涉及到有关http请求的知识“HTTP Header里的Range和Content-Range参数,Range是在请求头里 Ra

    2023年04月13日
    浏览(49)
  • vue3实现海康威视根据海康插件进行监控实时预览和回放功能

    因为我的文章已经写过基于vue实现海康web插件进行视频播放开箱即用文章,这个文章是利用 vite+vue3+js 进行编写的,大致内容跟vue2一样,拿过去能直接用。 至于我为什么要用js而不用ts,因为海康提供的三个脚本为js语言的,ts尝试过一次,我道行太浅,没搞明白。 这些代码是

    2024年02月05日
    浏览(57)
  • vue使用vue-video-player实现web视频直播展示m3u8格式

    最近有一个需求,就是web展示摄像头的实时画面,mentor让我先探索探索,所以我先测试一些小demo。 这里边个人想了一下啊,还是比较复杂的,包含推流和拉流等操作,还有延迟的问题要解决。 自己主要负责前端,所以先用vue-video-player播放了一下本地的视频,熟悉一下功能,

    2023年04月22日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包