zoukankan      html  css  js  c++  java
  • NVR硬件录像机web无插件播放方案(支持取特定时间段视频流)

    背景说明:

    由于视频自身的直观性和便利性,对于传统安防行业,摄像机的直播和录像以及回放一直是一个永恒的需求;
    随着硬盘录像机设备种类的日益繁多,对于录像需求其实已经满足了,但是在需求得到满足的同事是否发现我们还缺少什么?没错就是在保持录像自身的点播回放的功能上,可以 将这些功能更便利的使用起来(说起使用的便利性,又不由的联想到Easy系列);那么对于,类似于NVR这样的硬盘录像机的回放能否做到和EasyNVR(之前博文都有介绍到,具体详情:www.easynvr.com)一样的无插件直播?答案是肯定的,我们基于EasyNVR添加了硬件回放模块,接下来就是相关功能的实现以及展示。

    NVR录像机回放介绍:

    Easy的接入方式:

    对于如何获取硬件录像机里面的录像视频信息,第一步必然是将硬盘录像机与我们的EasyNVR相互结合起来,我们EasyNVR提供了,简单通俗的接入界面,只需要配置相应的NVR的IP、NVR的服务端口、相应的用户名密码即可;

    使用图解及展示:

    easynvr

    easynvr

    Easy的播放环节

    成功配置NVR完成后,就可以 通过播放按钮实现对应NVR录像机的对应的视频回放了;
    通过点击播放按钮可以跳转到对应的播放界面;

    easynvr

    播放界面会展示还NVR硬盘录像机的全部的对应的通道信息以及,对应通道的录像日历(某日是否含有录像);

    我们通过点击选择对应的日期,就可以完成对应日期的录像的播放,同时页面也会给出当前播放窗口播放录像所属通道以及日期相关信息(默认是从改日第一个录像时刻开启直播);我们也可以随时切换播放的通道和日期;

    easynvr

    在播放时,播放页面也会给出对应日期的录像信息,以时间轴形式展示出来,又绿色条块是包含录像时刻,无绿色条纹表示该时刻无录像;
    时间轴另一功用就是跳转到对应时刻开始录像播放;只需要将滑动标尺移动到对应的时间轴位置,播放器会自动从该时刻开始录像播放;

    easynvr

    备注说明:

    改篇博文的主要目的在于提供一种硬件NVR回放的无插件方案,以及改方案的功能展示以及相关的操作使用说明;

    这些功能都是通过服务端的能力接口实现的,后面会着重的介绍相关接口的是调用以及demo展示,和一些界面处理时的心德。


    关于EasyNVR

    EasyNVR能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS,进行全平台终端H5直播(Web、Android、iOS),并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发;

    详细说明:http://www.easynvr.com

    点击链接加入群【EasyNVR解决方案】:383501345

    Copyright © EasyDarwin Team 2012-2018

    EasyDarwin

  • 相关阅读:
    Array.sort()对象数组排序
    ES6极简数组去重 & 深拷贝
    中文字符按拼音首字母排序(转)
    浏览器常用插件 & 开发常用类库
    异步&分段处理海量数据
    线上环境window.open()新窗口被拦截(转)
    git 版本回退(转)
    CSS字体渐变 & 隐藏浏览器滚动条 & grid布局(转载)
    Python3安装使用SaltStack以及salt-api详解
    Python3之 contextlib
  • 原文地址:https://www.cnblogs.com/EasyNVR/p/10834021.html
Copyright © 2011-2022 走看看