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

Posted 2023-02-25 不靠谱的作曲家

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