需求


一、场景


用户多家门店有监控探头,设备是海康的和大华的。用户总部和门店不在一个网络下,并且总部要能实时调用查看门店监控,和门店回放画面。我们知道监控摄像机获取的视频是 rtsp 流的格式。 只能在特用的软件中播放,并且只能在相同的网络下播放。用户要求开发一个管理软件根据业务需要来播放视频。最终的目地是要把rtsp 流视频 转换为能在浏览器,手机等主流的播放渠道上能播放的视频(rtmp,mp4,flv,m3u8等格式);

解决办法


(1)、客户端转码


我们用electron 来打包客户端,客户端中安装一个在线转码ffmpeg 模块,这个模块中有功能接口能直接对rtsp 进行转码(这种场景主要给 播放软件和门店在一个网络下能直接连接的场景);

用到两个模块 
“fluent-ffmpeg” 
“node-media-server”
模块1:fluent-ffmpeg 转码模块
“rtmp://localhost:1938/live/livestream”
模块2:node-media-server 模块做rtmp直播流服务器
fluent-ffmpeg 模块rtmp://localhost:1938/live/livestream

到此rtsp被本地转换为了 rtmp流了。 由于rtmp流可以在浏览器中播放, 我们找一个播放器播放这个地址即可。 能播放rtmp流的播放器很多。 我用了一个阿里的flash 播放器来播放可行。

electron main.js 部分功能代码
const ffmpeg = require('fluent-ffmpeg');
const { NodeMediaServer } = require('node-media-server');


// rtmp 播放 服务器

  const config = {
    rtmp: {
      port: 1938,
      chunk_size: 60000,
      gop_cache: true,
      ping: 60,
      ping_timeout: 30
    },
    http: {
      port: 8000,
      allow_origin: '*'
    }
  };

  var nms = new NodeMediaServer(config)
  nms.run();


// 转码指令
var command = ffmpeg(uri)
    .outputOptions([
      '-fflags',
      'nobuffer',
      '-vcodec',
      'libx264',
      '-preset',
      'superfast',
      '-rtsp_transport',
      'tcp',
      '-threads',
      '2',
      // '-f',
      // 'flv',
      '-r',
      '25',
      // '-s',
      // '640x480',
      //'1280x720',
      '-an'
    ])
    .inputFPS(25)
    .noAudio()
    .size('640x?')
    .aspect('4:3')
    .format('flv')
    // 此处的 /live/camera, camera类似于一个房间的概念, 你可以设置为你想要的名字
    .save(`rtmp://localhost:1938/live/livestream`)
    .on('start', function (e) {
      running = true
      console.log('stream is start: ' + e)
    })
    .on('end', function () {
      running = false
      console.log('ffmpeg is end')
    })
    .on('error', function (err) {
      running = true
      console.log('ffmpeg is error! ' + err)
      //command.kill()
      //reloadStream(uri)
    })

(2)、服务器端转码


另一种转码是在外部服务器端安装一套转码服务器,业务中发送接口到远程服务器,服务器收到指令后“主动去拉取rtmp流进行转码”,转码后 再 推送到 服务器上的另外一个 rtmp 服务器上进行分发 rtmp 流;

1.转码服务器

我们用一个docker 容器来跑转码服务;

docker pull   ranmufei/srs-php5-transcode-server:v1.18

容器中封装了一个FFmpeg + web服务器 http://127.0.0.1//runffmpeg.php?type=run; post 提交参数
rtsp地址

curl -X POST \
  http://192.168.10.222/admin/Index/testrunffmpeg \
  -H 'cache-control: no-cache' \
  -H 'content-type: application/x-www-form-urlencoded' \
  -H 'postman-token: 148e4b67-1e03-f854-5c71-b1fc6502210c' \
  -H 'token: 667778c46b900c9768c65ac7ce8102d9' \
  -d rtsp://admin:12345678a@192.168.10.64:554/h264/ch1/main/av_stream 

转码服务器放回 播rtmp 播放地址

放回格式json

{
    "response": {
        "ipinfo": {
            "pid": null,
            "ipinfo": null,
            "command": null
        },
        "pid": "31199",
        "playurl": "rtmp://srs-docker-rmf.bubugao:1935/live/livestream_1547693691",
        "str": "/srs/objs/ffmpeg/bin/ffmpeg -rtsp_transport tcp -re -i  'rtsp://admin:xxxxx@10.31.37.50:554/cam/realmonitor?channel=1&subtype=1' -c:a copy -c:v libx264 -preset ultrafast -b:v 200k -r 8 -s 640x480 -f flv rtmp://srs-docker-rmf.bubugao:1935/live/livestream_1547693691 >  /dev/null 2>&1 & echo $!;",
        "rtsp": "rtsp://admin:xxxx@10.31.37.50:554/cam/realmonitor?channel=1&subtype=1",
        "playpath": "rtmp://transcode.xxxxxx.cn:1935/live/livestream_1547693691",
        "datainfo": {
            "type": "run",
            "rtsp": "rtsp://admin:xxxxx@10.31.37.50:554/cam/realmonitor?channel=1&subtype=1"
        }
    },
    "status": 200,
    "API_debug": {
        "url": "transcode.video//runffmpeg.php?type=run",
        "data": {
            "type": "run",
            "rtsp": "rtsp://admin:xxxx@10.31.37.50:554/cam/realmonitor?channel=1&subtype=1"
        }
    }
}

2.rtmp 分发流服务器

和第一中方式类似,也是拉取rtsp 地址 进行转码 ,这是转码后推送到了云上的这台rtmp 流分发服务器上来了;

docker pull ossrs/srs:3.0.42-ffmpeg

配置服务器作为 rtmp 服务器; srs 的功能很强大,目前我们只用到了它的分发rtmp 流功能;

配置参考 https://github.com/ossrs/srs/wiki/v2_CN_Home

分发为m3u8 格式 供移动端播放

srs 的docker.conf 配置中添加hls 配置 会生成 m3u8 的文件,当有流推送到 srs 服务器的时候 会自动高转换为 m3u8 格式文件。
vhost __defaultVhost__ {
    hls {
        enabled         on;
        hls_path        ./objs/nginx/html;
        hls_fragment    10;
        hls_window      60;
    }
}
参考资料
https://github.com/ossrs/srs/wiki/v2_CN_Home

https://www.npmjs.com/package/fluent-ffmpeg

https://www.npmjs.com/package/node-media-server

https://electronjs.org/

播放组件 https://github.com/ranmufei/electron_flash_dll
https://www.cnblogs.com/freefei/p/10281300.html