海康威视监控插件使用步骤

  • Post author:
  • Post category:其他


项目中用到海康威视插件,首先去海康开放平台下载开发包

H5视频播放器开发包



一、引入文件

把下载的文件引入到自己的js目录

在这里插入图片描述



二、html内容

<div id="player" class="ub-video"></div>



三、注册方法

注意:注册该方法的前提是dom节点必须存在,要不会报错

this.player = new window.JSPlugin({
	szId: 'player',   //节点id
	szBasePath: '/static/h5player',  //插件路径
	openDebug: false,
})



四、监控播放

let playURL = "监控路径"
this.player.JS_Play(playURL, {
	playURL,
	mode: 1   // 1为高级模式,0为普通模式
}, 0).then(() => {
	// 播放成功
}, e => {
	// 播放失败
})



版权声明:本文为qq_37332614原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。