使用EasyNVR无插件实时播放海康摄像机视频

EasyNVR官网

EasyNVR可以集成RTMP, HLS, FLV, RTSP视频格式,并且做到了低延时,支持了跨平台直播,视频回放,视频录制,视频下载,云台控制等。
使用EasyNVR无插件实时播放海康摄像机视频_第1张图片
下载官网软件压缩包,解压,此处路径不能有中文,双击 EasyNVR.exe 程序启动,如提示没有成功,点击下边添加服务,然后双击启动。
使用EasyNVR无插件实时播放海康摄像机视频_第2张图片

配置客户端视频

使用EasyNVR无插件实时播放海康摄像机视频_第3张图片
访问http://localhost:10800/打开客户端,用户名密码为easynvr,成功之后点击通道配置,点击第一个通道配置按钮,填写摄像机接入RTSP地址,地址应该为:rtsp://用户名:密码@摄像机摄像机IP:554/Streaming/Channels/主码流或者子码流?单路或者多路
如: rtsp://admin:[email protected]:554/Streaming/Channels/0?transportmode=unicast则为1通道1主码流,transportmode=multicast代表多路直播,unicast为单播,
输入密码之后,点击保存,然后就可以在视频广场中看到了
使用EasyNVR无插件实时播放海康摄像机视频_第4张图片
这个播放几乎做到了超低延迟,点击查看视频直播,最下边有个
这个是可以嵌入到web浏览器中播放的。
录像回放也是快做到了和当前时间一致了,本地默认录像文件夹是C:\DownLoad\EasyNVR-windows-3.3.5-1910281439\EasyNVR-windows-3.3.5-1910281439\nginx\www\record\stream_1
此处可以看到每过5秒钟生成一个录像文件。
这个回放目前看来用iframe的方式是实现不了了,只有换另一种方式了,一种方式就是直接播放本地录像,另一种就是查看接口,通过平台机制去生成一个录像回放的地址,通过web端播放即可。

NVR接口实现直播和回放使用EasyNVR无插件实时播放海康摄像机视频_第5张图片

在线接口文档
这个文档没有对应的demo,只有接口地址和参数,调用之前需要先调用登录接口,返回一个token之后放到header中,然后调用其他接口才会正常返回,如下:
使用EasyNVR无插件实时播放海康摄像机视频_第6张图片
使用EasyNVR无插件实时播放海康摄像机视频_第7张图片

EasyPlayer播放器

使用EasyNVR无插件实时播放海康摄像机视频_第8张图片
EasyNVR获取到视频流延时排序:RTMP < FLV < HLS,我们采用rtmp播放,需要浏览器支持flash
把element文件夹下 crossdomain.xml,EasyPlayer.swf,EasyPlayer-element.min.js 这三个文件拷贝到项目下,然后在index.html页面中引入js,

body中用easy-player标签

<easy-player video-url="rtmp://localhost:10935/hls/stream_1" live="true" aspect="400:300" debug="true"
   isresolution="true" resolution="yh,fhd,hd,sd" resolutiondefault="yh"></easy-player>

video-url:视频流地址,地址需要能在vlc工具中播放,
video-title:视频标题,
poster :视频封面图片路径,
live:是否直播(true/false),
aspect:视频显示区域的宽高比(一般屏幕为16:9),
autoplay :是否自动播放(true/false),
fluent :是否为流畅模式(true/false),
stretch :是否拉伸(true/false),
timeout:超时时间(单位:秒),
show-custom-button 是否在工具栏显示自定义按钮(极速/流畅, 拉伸/标准)(true/false)
easyNVR平台视频广场中(左/用flv流播放),easyplay播放RTMP(右),时间相差了3秒,RTMP流播放对比摄像头相差大概在1秒到1.5秒左右。

为实现视频直播延迟1秒内,下一步我将开始研究easyNVR推流方式
使用EasyNVR无插件实时播放海康摄像机视频_第9张图片
持续进行中

你可能感兴趣的:(BS海康,html,EasyNVR,EasyNVR,无插件,视频直播方案,海康)