vue集成海康威视H5视频播放器(H5player)开发包 V2.1.2

海康开放平台地址:https://open.hikvision.com/download/5c67f20bb254d61550c2f63e?type=10

1.首先下载开发包
vue集成海康威视H5视频播放器(H5player)开发包 V2.1.2_第1张图片

2.将开发包bin目录下的文件放入public目录下(我这里是放入了public/static目录下)
vue集成海康威视H5视频播放器(H5player)开发包 V2.1.2_第2张图片

vue集成海康威视H5视频播放器(H5player)开发包 V2.1.2_第3张图片

3.在public/index.html文件下引入


4.html标签给一个id

5.在src/utils下也放入一个h5player.min.js,方便后面引用。在使用页面引入js

import '@/utils/h5player.min.js'

6.在data声明初始变量player

data() {
    return {
      // 播放器对象
      player: null
    }
  },

7.初始化播放器,事件初始化,实现播放

你可能感兴趣的:(vue.js,音视频,javascript)