这个是海康威视本身开发的web开发包,里面含有一些demo,总体版,分屏版等等。你能够在他的demo基础上进行二次开发,即便是离线只要你的摄像头和电脑都是在同一路由下,都是能够调用的。麻烦的是,你须要注册一个帐号密码,这个帐号密码是在录像机里注册的,只有有这个帐号密码登陆以后才能调用视频。因此对于只有一个摄像头来进行测试的我就只能放弃了。javascript
萤石开放平台,使用这里的开发包,你须要注册萤石开发者帐户,才能使用(固然你得有本身的设备摄像头)。在注册以后,他会给你你的设备的线上访问地址:1.accesstoken;2.hls;3.rtmp;这三个方式都有对应的地址,各自有各自的优点。
三种优点对比。接下来说讲这个方法。html
首先是accesstoken方法,他的优势就是延迟低,稳定,可是当看见远程访问的时候须要将文件放在IIS上,否则会报错(accesstoken点这里看详情)以后,我就放弃了。
以后是hls和rtmp:他们的地址都须要放在video标签底下:
首先你须要在html中引入ezuikit.js(点这里下载包含demo,第二个),加入video标签,放入你本身的地址,(注册以后获取)java
<video id="itsPlayer" poster="" width="270" controls playsInline webkit-playsinline autoplay> <!-- <source src="rtmp://rtmp.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b" type="" /> --> <source src="http://hls.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b.m3u8" type="application/x-mpegURL" /> </video>
video标签是在body里,以后初始化播放器web
<script> var player = new EZUIPlayer('itsPlayer'); </script>
这样就能够出来直播录像了,
这样你就能够引出来监控的直播视频了。微信
在博主搬了一次办公室以后,视频出现了编码类型不是h264 的问题,引用萤石地址,他的播放器是支持h264的,因此咱们须要作出更改,具体步骤:app
就不会报错了ide
关于不录音
萤石工做平台高级设置–图像–视音频,输入音量拉到0就好了。svg