vue h5player.min.js对接海康威视,踩过的坑

一、播放的视频无法占满全屏

1、JSResize()接口内部做了50ms防抖动,调用不会立即生效,延时50ms获取最新大小设置窗口。

2、h5player内部会在网页缩放的时候自适应父容器大小,但是在单独变更父容器大小的时候无法自适应,需要重新设置大小
3、出现不生效的问题一般是有单独变更父容器大小的地方,或者是由于延时调用引起的窗口大小覆盖引起,需要]SResize0)延退50ms调用

4、如果延迟了没起作用,就在调用播放时主动调用下JSResize()

init() {
      // 设置播放容器的宽高并监听窗口大小变化
      window.addEventListener('resize', () => {
        setTimeout(() => {
          this.player.JS_Resize()
        }, 50)
      })
    },

二、 回放时: 错误码: 0x01730ec1: 取流失败,详情根据误码在运管后台进行查询

1、注意时间格式是否正确,调用播放时时间格式为ISO 8601(2023-06-17T00:00:00Z)

注:ISO 8601是一种国际标准的日期和时间表示方式,格式为YYYY-MM-DDTHH:mm:ss.sssZ,其中 YYYY
代表四位数年份,MM 代表月份,DD 代表天数,T 作为日期和时间的分隔符,HH 代表小时,mm 代表分钟,ss.sss
代表秒和毫秒,Z 代表时区。例如:2023-06-17T00:00:00.000Z

三、错误码: 0x12f94006: jsdecoder open stream faild .

1、new JSPlugin时候传的父窗口id必须是英文开头

2、报错原因可能是播放容器的id设置成了数字开头

四、末尾附上一些使用文档与组件包下载地址

1、vue项目接入海康威视h5player.js播放器

2、海康官方开放平台插件下载

3、h5player文档

你可能感兴趣的:(javascript,vue.js,前端)