Rtsp服务搭建（Ffmpeg+Node.js+jsmpeg网络视频服务器）

当前有几个海康监控，想接入MES系统，去他们官方网站下载了两个web的sdk包，分别为控件开发包和无插件开发包，结果很坑，控件，要求为ie浏览器才能用，太局限了。而无插件，则要求浏览器版本，我看chrome那版本，牙都掉了，版本旧得在网上找不到。不知道其它人是怎么实现在，反正折腾了一天都没发现在web他们给的开发包能接在MES里。后面在监控管理端看到有RTSP服务，我们可以使用Ffmpeg+jsmpeg把RTSP转成Web前面可播放的hls。

具体操作流程

一、下载需要的软件（注意按对应版本下载）

ffmpeg4.0 下载地址
jsmpeg 下载地址
nodejs v8 下载地址

二、安装软件和配置

1. ffmpeg

安装完成后，给ffmpeg配置环境变量：在path最后追加ffmpeg的bin目录路径：[你的安装路径]\ffmpeg4\bin

2. jsmpeg

绿色，下载解压就行

3. nodejs
安装nodejs后，（如果安装有2053错误，使用cmd[管理员运行]安装：msiexec /package node-v8.exe）以管理员运行cmd，使用命令：

npm init（初始化node），注意，此步骤会生成package.json文件，默认放在cmd当前执行路径，比如cmd是这样的：则文件是存放在C:\Users\Administrator，后面的操作要一直保持在此路径。

如果你不想更改存放路径，最好别乱cd。
npm install ws(安装websocket，如果提示：No repository field，则在用户目录（C:\Users\Administrator）的package.json下添加配置： "private": true)
如有提示，先安装：npm install utf-8-validate@^5.0.2 和 npm install bufferutil@^4.0.1
配置环境变量，在path后追加C:\Users\Administrator\node_modules

 

三、以上配置完成后，我们就可以运行软件了

1. 找到你监控的rtsp地址格式如下

rtsp://admin:[你的监控密码]@[监控ip]:554/Streaming/Channels/01?transportmode=unicast

要验证地址对不对，可以下载个视频播放器 PotPlayer，安装后点击左上的 PotPlayer->打开->打开链接，然后把上面的rtsp地址填进去，确定后，如果地址没有问题，这里我可就可以看到监控画面，如果没有，那说明rtsp地址有问题，需要再确认。

2. 运行jsmpeg

以管理员身份运行cmd，分别输入下列命令

cd /d [你的jsmpeg路径]

node websocket-relay.js supersecret 7081 7082

运行两个命令后，此cmd不能关闭。

3. 运行ffmpeg

以管理员身份运行cmd，输入下列命令

ffmpeg -rtsp_transport tcp -i “rtsp://admin:[你的监控密码]@[你的监控ip]:554/Streaming/Channels/01?transportmode=unicast” -q 0 -f mpegts -codec:v mpeg1video -s 655x460 http://127.0.0.1:7081/supersecret

回车后，此时会看到数据变化，同时jsmpeg的cmd窗体里面提示连接，则表示成功。

四、Web播放实时监控

建个html，在body里写上代码

<div style=" height: 500px; line-height: 500px; text-align: center; border: 1px solid gray; color: white; overflow: hidden;background-color:black;">
                        <canvas id="video-canvas" style="width: 80%; vertical-align: middle;"></canvas>
</div>
<script src="~/Content/jsmpeg/jsmpeg.min.js"></script>   
<script type="text/javascript">
    var canvas = document.getElementById('video-canvas');
    var url = 'ws://192.168.0.51:7082/';
    var player = new JSMpeg.Player(url, { canvas: canvas });
</script>

保存后打开，可以看到监控画面。