需求

一、场景

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

解决办法

(1)、客户端转码

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

用到两个模块 “fluent-ffmpeg” “node-media-server”

fluent-ffmpeg 转码模块

我们用这个模块转码为rtmp 直播流,转码后推送到一个我们在软件内部搭建的一个rtmp 直播流服务器地址
“rtmp://localhost:1938/live/livestream”

node-media-server 模块做rtmp直播流服务器

上面的fluent-ffmpeg 模块转码推送rtmp 流到这个服务器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://xxxx.cn/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=rtsp%3A%2F%2Fadmin%3Aadmin123%4010.31.37.50%3A554%2Fcam%2Frealmonitor%3Fchannel%3D1%26subtype%3D1

转码服务器放回 播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 流功能;

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

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

参考资料