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

海康H5视频播放器开发包demo下载地址：H5视频播放器开发包

使用H5视频播放器开发包实现示例：

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

将H5视频播放器开发包demo中所有文件夹和h5player.min.js引入到自己的项目中

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

<script src="h5player.min.js"></script>

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

1：html

<div id="player"></div>

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视频播放器开发包播放监控视频

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

web端对接海康视频3.2开发包以及遇到的坑
须知: 3.0开发包功能比较全,但是只支持ie浏览器,所以使用的功能相对来说较少的3.2开发包,开发包官网上可以下载,可自行下载,并按照要求引入文件. 我的项目需求是左侧显示摄像头树状列表,中间部分显 ...
让我为你介绍一个神器：Chimee，一套可扩展的 H5 视频播放器解决方案
Chimee(读"奇米", [tʃɪ'mɪ:])是由奇舞团开源的一套 H5 视频播放器解决方案,由奇舞团视频云前端团队结合在业务和视频编解码方向的沉淀积累倾心打造. Chimee ...
制作统一样式的H5视频播放器
前言之前,忙于考试未来及更新文章.本文适用于掌握JavaScript html css jQuery的基本内容的读者.不知大家有没注意原生的H5视频播放器用不同的浏览器打开所呈现的效果并不一样.而如 ...
Chimee - 简单易用的H5视频播放器解决方案
Chimee - 简单易用的H5视频播放器解决方案参考文章: (1)Chimee - 简单易用的H5视频播放器解决方案 (2)https://www.cnblogs.com/lhb25/p/chim ...
让我为你介绍一个神器：Chimee，一套可扩展的 H5 视频播放器解决方案 1
Chimee(读"奇米", [tʃɪ'mɪ:])是由奇舞团开源的一套 H5 视频播放器解决方案,由奇舞团视频云前端团队结合在业务和视频编解码方向的沉淀积累倾心打造. Chimee ...
html5支持4k视频播放器,哪个是最好的4K视频播放器？五个最佳播放软件（个人经验）...
哪个是最好的4K视频播放器? 4K视频使用什么播放器?这是每个人问得最多的问题. 4K老实决定与您分享播放4K视频的经验,并推荐几种常用的4K视频播放器. ▌播放软件: PowerDVD ▌推荐指数: ...
Android 视频播放器 (二)：使用MediaPlayer播放视频
在 Android 视频播放器 (一):使用VideoView播放视频我们讲了一下如何使用VideoView播放视频,了解了基本的播放器的一些知识和内容.也知道VideoView内部封装的就是Med ...
最简单的基于FFMPEG+SDL的视频播放器：拆分-解码器和播放器
===================================================== 最简单的基于FFmpeg的视频播放器系列文章列表: 100行代码实现最简单的基于FFMPEG ...
vue集成海康威视H5视频播放器（H5player）开发包 V2.1.2
海康开放平台地址:https://editor.csdn.net/md?not_checkout=1&spm=1001.2014.3001.4503&articleId=1306883 ...
C# 海康摄像头视频播放的两种方式
题外话:看到很多朋友有此方面的问题,各种途径联系到我,在此声明,可以发邮件到jimi080180@qq.com进行沟通,也提供有偿项目模块外包服务. 目前市面上海康的摄像头占有率还是很高的,如果要用海 ...

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

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

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

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

1：html

2：js

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

最新文章

热门文章

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

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

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

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

1：html

2：js

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

最新文章

热门文章

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