使用海康H5视频播放器开发包实现监控播放

海康H5视频播放器开发包demo下载地址:H5视频播放器开发包
使用H5视频播放器开发包实现示例:

一:H5视频播放器开发包引入项目

将H5视频播放器开发包demo中所有文件夹和h5player.min.js引入到自己的项目中
使用海康H5视频播放器开发包实现监控播放_第1张图片

二: 引入H5视频播放器开发包

三:使用H5视频播放器开发包实现监控播放

1:html

2:js

//创建监控实例
var myPlugin = new JSPlugin({
    szId: 'player', //需要英文字母开头 必填
    szBasePath: '/', // 必填,引用H5player.min.js的js相对路径
})
var playURL = 'XXXX';//监控地址
var mode = 0;//解码方式:0普通模式 1高级模式
var index = 0;//当前窗口下标
//监控播放
myPlugin.JS_Play(playURL, { playURL, mode}, index).then(
    () => { console.log('realplay success') },
    e => { console.log(e) }
)

根据如上就可以实现H5视频播放器开发包播放监控视频

你可能感兴趣的:(监控)