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

项目中用到海康威视插件,首先去海康开放平台下载开发包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 => {
    
    
	// 播放失败
})

猜你喜欢

转载自blog.csdn.net/qq_37332614/article/details/128648072