海康威视 java B/S 开发流程

立即下载用AI写一个

发布时间：2019-11-29

122人 | 浏览：13852次 | 收藏 |

技术：java + videojs + FFmpeg

运行环境：windows

概述

最近项目用到了一个调用海康威视摄像头实现外网网页预览的需求，由于第一次接触这类需求，不免有些焦头烂额，现终于将需求实现，故，作一笔记用于记忆，并希望帮到要用的人

详细

最近项目用到了一个调用海康威视摄像头实现外网网页预览的需求，由于第一次接触这类需求，不免有些焦头烂额，现终于将需求实现，故，作一笔记用于记忆，并希望帮到要用的人。废话不多说，直接开始：

##一、分析流程
整理了一下整个流程，共分以下四个步骤：

####1.使用海康威视的官方SDK访问摄像头，获取摄像头可用通道号,组装rtsp地址,获取摄像头的实时rtsp视频流。

注1：12年之后海康设备支持两种组装rtsp流的方式，可以不使用通道号就可以，故此步可以省略;
    注2：如果不使用通道，使用量多的话会影响画质，故，推荐使用通道号组装rtsp地址；

####2.使用FFmpeg将rtsp流转换成rtmp流供网页显示。

注1：FFmpeg支持转mp4,webm,ogg等多种前言音视频文件的格式转换哦；
	注2：本文使用rtmp流，有其他需求的小伙伴可以使用FFmpeg转成其他格式；

####3.服务器搭建集成nginx-rtmp插件的nginx服务，将转换的rtmp流推送至nginx制定代理地址，实现外网访问。

注1：建议有能力的公司使用单独服务器搭建流媒体服务器哦。

####4.前端页面使用免费的前端H5插件video.js实现实时预览

注1：video.js支持mp4,webm,ogg三种格式的文件的播放。
	注2：rtmp流属于flv格式只能用flash播放，故需要flash插件支持；
	注3：video.js只有一些版本支持flash，故，要选好版本（本文使用的是v5.20.5）；

##二、具体实现过程及问题解决
###第一步：
####1.下载海康威视的最新SDK;海康威视官方SDK下载；

#####自己选择适合自己环境的SDK下载
![](/contentImages/image/20191127/1qxdSoLkGCK9Aiijt6s.png)

####2.下载之后解压，目录如下：
![](/contentImages/image/20191127/2wpIplrwNr74Mmxz5OR.png)

Demo示例中的是几种开发语言的demo,其中java的是用swing写客户端，C/S架构的，可以参考。

库文件中是需要使用的dll运行库；是需要引进项目中的。那个txt文件里说了，有几个文件和文件夹是必须的：

HCNetSDK.dll、HCCore.dll、PlayCtrl.dll、SuperRender.dll、
        AudioRender.dll、HCNetSDKCom文件夹

####3.将上述文件引入项目
我个人是在项目的webapp下创建了一个libraries的文件夹专一放摄像头的库文件的，因为我除了海康，还要调华为的高清视讯终端；（有外网链接需求的朋友，可以选择搭建一个小项目专一做流媒体服务器）

（注意：java调用dll库需要使用jna.jar）

目录如下：
![](/contentImages/image/20191127/8tXZWHs4IgeRfdtZGdV.png)

####4.然后在一个全局工具类里写了一个静态方法获取webapp的路径以获取dll文件的路径；

```java
    /**
     * 获取项目webapp目录
     * @return
     */
    public static String getWebPath(){
        String path = ContextLoader.getCurrentWebApplicationContext().getServletContext().getRealPath("/");
        System.err.println(path+"libraries\\HKLibraries\\HCNetSDK");
        return path;
    }
```

println中的是获取的的HCNetSdk.dll的绝对路径；

####5.根据SDK压缩包里的那个txt文件所说，修改SDK文件的路径：

![](/contentImages/image/20191127/GUkZXTdTnChQejNYvCi.png)

注：我们不用预览功能所以不用修改PlayCtrl的路径，不会调用他的；

####6.编写工具类的各种方法，初始化，注册设备，获取通道：

#####6.1初始化环境：

```java
    /**
     * 初始化资源配置
     */
    public int initDevices(){
        if(!hCNetSDK.NET_DVR_Init()) return 1;//初始化失败
        return 0;
    }

```

#####6.2注册设备：

```java
     /**
     * 设备注册
     * @param name 设备用户名
     * @param password 设备登录密码
     * @param ip IP地址
     * @param port 端口
     * @return 结果
     */
    public int deviceRegist(String name,String password,String ip,String port){
        if (bRealPlay){//判断当前是否在预览
            return 2;//"注册新用户请先停止当前预览";
        }
        if (lUserID.longValue() > -1){//先注销,在登录
            hCNetSDK.NET_DVR_Logout_V30(lUserID);
            lUserID = new NativeLong(-1);
        }
        //注册(既登录设备)开始
        m_sDeviceIP = ip;
        m_strDeviceInfo = new HCNetSDK.NET_DVR_DEVICEINFO_V30();//获取设备参数结构
        lUserID = hCNetSDK.NET_DVR_Login_V30(m_sDeviceIP,(short)Integer.parseInt("8000"),name,password, m_strDeviceInfo);//登录设备
        long userID = lUserID.longValue();
        if (userID == -1){
            m_sDeviceIP = "";//登录未成功,IP置为空
            return 3;//"注册失败";
        }
        return 0;
    }
```

#####6.3获取通道：

```java
    /**
     * 获取设备通道
     */
    public int getChannelNumber(){
        IntByReference ibrBytesReturned = new IntByReference(0);//获取IP接入配置参数
        boolean bRet = false;
        int iChannelNum = -1;

m_strIpparaCfg = new HCNetSDK.NET_DVR_IPPARACFG();
        m_strIpparaCfg.write();
        Pointer lpIpParaConfig = m_strIpparaCfg.getPointer();
        bRet = hCNetSDK.NET_DVR_GetDVRConfig(lUserID, HCNetSDK.NET_DVR_GET_IPPARACFG, new NativeLong(0), lpIpParaConfig, m_strIpparaCfg.size(), ibrBytesReturned);
        m_strIpparaCfg.read();

String devices = "";
        if (!bRet){
            //设备不支持,则表示没有IP通道
            for (int iChannum = 0; iChannum < m_strDeviceInfo.byChanNum; iChannum++){
                devices = "Camera" + (iChannum + m_strDeviceInfo.byStartChan);
            }
        }else{
            for(int iChannum =0; iChannum < HCNetSDK.MAX_IP_CHANNEL; iChannum++) {
                if (m_strIpparaCfg.struIPChanInfo[iChannum].byEnable == 1) {
                    devices = "IPCamera" + (iChannum + m_strDeviceInfo.byStartChan);
                }
            }
        }
        if(StringUtils.isNotEmpty(devices)){
            if(devices.charAt(0) == 'C'){//Camara开头表示模拟通道
                //子字符串中获取通道号
                iChannelNum = Integer.parseInt(devices.substring(6));
            }else{
                if(devices.charAt(0) == 'I'){//IPCamara开头表示IP通道
                    //子字符创中获取通道号,IP通道号要加32
                    iChannelNum = Integer.parseInt(devices.substring(8)) + 32;
                }else{
                    return 4;
                }
            }
        }
        return iChannelNum;
    }
```

#####6.4：整体调用获取通道号：
```java
      /**
     * 开始推流并获取推流进程名称
     * @param device 设备信息
     * @param appName 进程名命名
     * @return 返回结果集{msg:"",tasker:""}
     */
    public Map<String,String> startTranscodeAndGetTasker(Device device,String appName){
        Map<String,String> result = new HashMap<>();
        int code = 0;
        String[] resultNames = {"成功","初始化失败","注册前请关闭预览","注册失败","通道获取失败"};
        if(device.getType() == 1){//海康设备
            if(hcTool.initDevices() == 1) code = 1;//初始化失败
            int regSuc = hcTool.deviceRegist(device.getAccount(),device.getPassword(),device.getIp(),device.getPort());
            if(regSuc != 0) code = regSuc;//注册失败
            int channelNumber = hcTool.getChannelNumber();
            if(channelNumber == -1) code = 4;
            if(code == 0) {
                String tasker = VideoUtil.startTranscoding(appName,device.getAccount(),device.getPassword(),device.getIp(),channelNumber);
                result.put("tasker", (StringUtils.isNotEmpty(tasker)) ? tasker : appName);
            }else{
                result.put("msg",resultNames[code]);
            }
            hcTool.shutDownDev();
        }
        return result;
    }

```

这里面有一个Device类,这个类是存储的摄像头的基本信息的实体类,只有基本的属性和getter和setter,比如其中 
      
	  device.getType() 代表摄像头类型 0:华为 1:华康
	  device.getAccount() 获取设备的访问账号
	  device.getPassword() 获取设备的访问密码
	  device.getIp() 获取设备所在内网的IP地址
	  device.getPort() 获取设备的访问端口 rtsp默认554

这里的注释是推流哈，这个后边再说;

先看到这句：int channelNumber = hcTools.getChannelNumber();就是获取到了通道号；

看过Demo的小伙伴看了就知道我是根据demo改的哈！

####7.组装rtsp地址：

成功的rtsp地址如下：

rtsp://admin:admin123456@10.192.44.101:554/h264/ch1/main/av_stream

解释下

admin:设备登录账号；
      admin123456:设备登录密码；
      10.192.44.101:设备的内网IP地址：
      554:默认端口（注：不要变，这是取rtsp流的默认端口）；
      h264:是视频流编码格式；
      ch1:通道号（注：下面会详细介绍通道号规则）；

如上为一个rtsp流的格式，具体介绍见下文：

传送门：https://blog.csdn.net/qq_34845917/article/details/75077712

下文为海康威视的rtsp的规则：

传送门：https://blog.csdn.net/xiejiashu/article/details/71786187

以下为个人对于海康的通道号的理解（原文在海康SDK开发文档内，自己扒）：

海康通道号分两种模拟通道和数字通道。
      通道号是一个整形数字，在组装rtsp地址的时候需要加上“ch”前缀；
      数字通道（即IP通道）在使用时要在获得的值的基础上加32；
      以上在代码中都有实现。

现在我们就获取到了一个rtsp视频流。接下来我们测一下可以用否：

安装vlc-2.2.4-win32.exe:一直下一步。（64位系统可用）；
   
   打开vlc客户端==>媒体==>流==>网络
![](/contentImages/image/20191127/vk9e95A0KxNmPZMoQhK.png)

将得到的rtsp地址放进去，然后点击图片中串流右边的三角选播放：
![](/contentImages/image/20191127/AireoriWbkowdU6bf4S.png)

成功！第一步结束！

###第二步：
####1.下载window可用的FFmpegCommandHandler，传送门：https://blog.csdn.net/eguid_1/article/details/52968220

这里是已经用java包装好的一个FFempg的工具

####2.下载后打开压缩包

![](/contentImages/image/20191127/pWoi86wltGnmkCOluHH.png)

选择jar文件夹下有一个jar包：FFmpegCommandHandler.jar
![](/contentImages/image/20191127/MpTxr5vsn13F9gArDZD.png)

####3.将这个jar包安装到本地的maven仓库（maven项目）：

将jar包解压之文件夹然后使用 maven 的 install:install-file命令

mvn install:install-file -DgroupId=FFmpeg -DartifactId=FFmpeg -Dversion=1.0 -Dpackaging=jar -Dfile=D:\XXX\FFmpegCommandHandler.jar;

####4.进入自己的本地Maven仓库找ffempg\ffempg\1.0\ffempg-1.0.pom

![](/contentImages/image/20191127/o6Cvlkxhnltm60Sv6pv.png)

####5.项目中pom.xml引入

![](/contentImages/image/20191127/4T81smpjmGDZOKldFKC.png)

####6.安装FFmpeg,并配置环境变量

下载地址：https://ffmpeg.zeranoe.com/builds/ 我们选择static版本

![](/contentImages/image/20191127/RdjwrMd6hIKv00hY5nT.png)

下载之后，将压缩包解压到你想安装的地方然后复制ffmpeg.exe文件所在路径，添加至系统环境变量；

####7.FFmpeg的使用

```java
   /**
     * 开始推流
     * @param appName 进程名称,为相机ip去"."
     * @param name 登录相机账号
     * @param password 密码
     * @param ip ip
     * @param channelNumber 通道号 获取rtsp流的参数
     * @return
     */
    public static String startTranscoding(String appName,String name,String password,String ip,int channelNumber)  {
        String channelNumberStr = "ch" + channelNumber;
        if(manager == null){
            manager = new FFmpegManagerImpl();
        }
        if(VideoUtil.taskerIsRun(appName)) return appName;//如果进程存在,则直接返回进程名
        Map<String,String> map = new HashMap<>();
        map.put("appName", appName);//进程名
        map.put("input", "rtsp://"+name+":"+password+"@" + ip + ":554/h264/"+channelNumberStr+"/main/av_stream");//组装rtsp流
        map.put("output", "rtmp://localhost:1935/live/");//rtmp流.live为nginx-rtmp的配置
        map.put("codec", "h264");
        map.put("fmt", "flv");
        map.put("fps", "25");
        map.put("rs", "640x360");
        map.put("twoPart", "1");
        // 执行任务，id就是appName，如果执行失败返回为null
        return manager.start(map);
    }
```

这里小伙伴们会看到rtmp://localhost:1935/live/,这是把转好的rtmp流直接推送到

流媒体服务器上的nginx服务上，因为我用的是本机做服务器，所以是localhost;

1935是nginx-rtmp的默认端口，这是下一节的事情

第二步骤结束

###第三步：
####1.下载已经集成nginx-rtmp插件的nginx，传送门：https://github.com/illuspas/nginx-rtmp-win32

解压到指定文件夹，打开conf/nginx.conf文件

![](/contentImages/image/20191127/vn2W9FzGO2qspFVYVFC.png)

这里的live就是上边代码中的rtmp://localhost:1935/live/中的live,可以自己定义

####2.启动nginx

在nginx的安装目录下按住shift键右击鼠标，点击出现菜单中的在此处打开命令行

![](/contentImages/image/20191127/XgBPt1GCRzWhhfHVDNa.png)

输入命令 nginx.ece -c cong\nginx.conf 回车，nginx启动时不能关闭命令行窗口！

有时间的小伙伴可以尝试一下将nginx安装为windows系统服务，这样就可以用

net start nginx 命令启动nginx且不会有命令行窗口打开。

####3.执行上文中出现的Java代码中的startTranscoding方法就可以实现推流；

这时候的推流只是将rtsp流转为rtmp流并推送至nginx中。而产生的rtmp流地址为：
   rtmp://xxx.xxx.xxx.xxx:1935/live/appName
   这里的xxx.xxx.xxx.xxx是流媒体所在服务器的外网ip；下面是动态获取ip的方法

```java
     /**
     * 获取本机ip
     * @return
     */
    public static String getServerIp() {
        // 获取操作系统类型
        String sysType = System.getProperties().getProperty("os.name");
        String ip;
        if (sysType.toLowerCase().startsWith("win")) {  // 如果是Windows系统，获取本地IP地址
            String localIP = null;
            try {
                localIP = InetAddress.getLocalHost().getHostAddress();
            } catch (UnknownHostException e) {
                e.printStackTrace();
            }
            if (localIP != null) {
                return localIP;
            }
        } else {
            ip = getIpByEthNum("eth0"); // 兼容Linux
            if (ip != null) {
                return ip;
            }
        }
        return "获取服务器IP错误";
    }

/**
     * 根据网络接口获取IP地址
     * @param ethNum 网络接口名，Linux下是eth0
     * @return
     */
    private static String getIpByEthNum(String ethNum) {
        try {
            Enumeration allNetInterfaces = NetworkInterface.getNetworkInterfaces();
            InetAddress ip;
            while (allNetInterfaces.hasMoreElements()) {
                NetworkInterface netInterface = (NetworkInterface) allNetInterfaces.nextElement();
                if (ethNum.equals(netInterface.getName())) {
                    Enumeration addresses = netInterface.getInetAddresses();
                    while (addresses.hasMoreElements()) {
                        ip = (InetAddress) addresses.nextElement();
                        if (ip != null && ip instanceof Inet4Address) {
                            return ip.getHostAddress();
                        }
                    }
                }
            }
        } catch (SocketException e) {
            e.printStackTrace();
        }
        return "获取服务器IP错误";
    }
```

这里的appName是自定义的我用的是用户账号好摄像头ip去“.”之后的组合字符串
   具体效果见传送门：https://blog.csdn.net/gui66497/article/details/78590190

成功！第三步结束！

###第四步：
####1.前端选择目前免费的H5插件:videojs;此处注意本文头部的注意事项

video.js v5.20.5 下载地址：https://github.com/videojs/video.js/releases/tag/v5.20.5

####2.页面引用

```html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>实时预览</title>
    <style type="text/css">
        html{width: 100%;height: 95%;}
    </style>
    
    <link rel="stylesheet" href="../js/videojs/video-js.css">
    <script src="../js/videojs/ie8/videojs-ie8.js"></script>
</head>
<script src="/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
    var devId = location.hash.substr(1)
    $(function(){
        var height = $("body").height();
        var width = $("body").width();
        $.ajax({
            url:top.baseUrl+"/dev/getRTMPUrlAndStartTranscode",
            data:{id:devId},
            anysc:false,
            success:function(res){
                var data = res.data;
                console.log(data.rtmpUrl)
                if(data && data.rtmpUrl){
                    var str = "<video id='my-video1' class='video-js vjs-big-play-centered' controls preload='auto' width='"+width+"' height='"+height+"' poster='' data-setup='{}'>" +
                        "<source type='rtmp/flv'>" +
                        "<p class='vjs-no-js'>To view this video please enable JavaScript, and consider upgrading to a web browser that" +
                        "<a href='http://videojs.com/html5-video-support/' target='_blank'>supports HTML5 video</a>" +
                        "</p>" +
                        "</video>";
                    $("body").append(str);
                    var videoUrl = data.rtmpUrl;
                    player = videojs('my-video1');
                    videojs('my-video1', {
                        controls: true,
                        autoplay: true,
                        preload: 'auto'
                    }, function () {
                        player.src(videoUrl);
                        player.load(videoUrl);
                        player.play();
                        this.on('ended', function() {
                            videojs.log('Awww...over so soon?!');
                        });
                    });

}else return top.layer.msg(data.msg);
            }
        });
    })
</script>
<body style="height: 98%;width: 98%">
<script src="../js/videojs/video.js"></script>
<script>
    videojs.options.flash.swf = "../js/videojs/video-js.swf";
</script>
</body>
</html>
```

注意最后一句 videojs.options.flash.swf = "../js/videojs/video-js.swf"

本文开头的时候说了由于rtmp流属于flv格式，是属于flash的专用格式。这句话的意思就是判断当前浏览器是否支持H5标准或者video.js是否支持当前格式播放，如果不支持H5或者格式不允许，则默认调用flash播放

###第五步：
使用完成后记得关闭推流进程，当然如果需求要保存视频，可以不用关闭，一直推送，并转换成MP4保存，关闭进程的方法在FFmpegCommandHandler的源码包里，自己看源码，我文件头步上传的附件里有关闭的代码，时间来不及了了，不写了。

###源码结构
> 源码结构

![](/contentImages/image/20191129/1s8y71ShljkGoNgNmzY.png)

<font color=#D2691E	>源码文件如上，本例子源码不是一个java项目的形式出现，只是贴出了关键代码，希望知晓。以上是关键步骤的代码，结合本文章和关键代码即可实现你要的业务。
另外，关键代码里面，有引用到一些无关的类，如User、Device等，需要自己补充下，谢谢！购买时请考虑清楚</font>

###最后
OK！到此一切结束，本文先给正在苦恼海康威视的java同胞们，希望对你们有所帮助！
本文内容纯手打！转载请注明出处，谢谢！

<font color=#D2691E	>有疑问的朋友，请联系我：qq：1157672790</font>

本实例支付的费用只是购买源码的费用，如有疑问欢迎在文末留言交流，如需作者在线代码指导、定制等，在作者开启付费服务后，可以点击“购买服务”进行实时联系，请知悉，谢谢

感谢

手机上随时阅读、收藏该文章？请扫下方二维码

海康威视 java B/S 开发流程

概述

详细

相似例子推荐

评论

作者

评分详细

作者例子

海康威视 java B/S 开发 流程

概述

详细

相似例子推荐

评论

作者

评分详细

作者例子

海康威视 java B/S 开发流程