Nodejs - RTSP 实时摄像头源 - 分布式架构

Question

我们有一个要求，即传递摄像头详细信息，并需要在网络浏览器中向最终用户显示实时流。由于这是分布式架构，因此我们可以仅使用 Rest API 或套接字通信来完成。

技术栈

1. Nodejs - 在后端
2. Angular - 在前端

作为解决方案的一部分，我找到了 npm - node-rtsp-stream - https://www.npmjs.com/package/node-rtsp-stream 但问题是我们必须创建 API 并传递流在api中，至少有20-30个摄像头才能看到直播。从前端传递端口并在后端使用它。

问题-

• 如何在用户单击暂停按钮时停止流，我已尝试使用 API - '/camera/feed/stop/:port' 但它不起作用？
• 在为流创建API时，流很可能会混淆，如何管理ws端口？
• 有没有更好的解决方案可以使用 RTSP URL 在客户端显示流

我尝试了以下解决方案，但没有成功

const Stream = require('node-rtsp-stream');
app.get('/camera/feed/:camera/:port', (req, res) => {
    console.log(req.params.port);
    if (req.params.camera == 1) {
        var ip_address2 = "192.168.1.12"
        var username2 = "admin";
        var password2 = "admin";
    } else if (req.params.camera == 2) {
        var ip_address2 = "192.168.1.10"
        var username2 = "admin";
        var password2 = "admin";
    }
    stream = new Stream({
        streamUrl: 'rtsp://' + username2 + ':' + password2 + '@' + ip_address2 + ':554/cam/realmonitor?channel=1&subtype=0&unicast=true&proto=Onvif',
        wsPort: req.params.port
    });
    res.send('OK');
});
// Stop the stream that produce using ffmpeg
app.get('/camera/feed/stop/:port', (req, res) => {
    stream.stop() // This is not make ffmpeg to stop the processing stream 
    res.send('OK');
});

app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`)
})

index.html

var canvas3 = document.getElementById('canvas3');
var websocket = new WebSocket("ws://127.0.0.1:9999");
var player3 = new jsmpeg(websocket, { canvas: canvas3, autoplay: true, loop: true })

谢谢你。

Answer 1

我找到了解决方案。在 API 响应中传递流对象，其中包含 PID

res.send(stream);

对于停止/终止 FFmpeg 进程，我们可以使用前端的 PID

kill(req.params.pid);

Answer 2

要暂停流，您可以使用播放器中的

stop()

方法，

player3.stop()

Answer 3

node-rtsp-stream 模块仅支持 http，需要额外的端口。这个解决方案有点复杂，但它有效。浏览器对标头、发送数据格式以及发送时间很挑剔。

http://blog.northfield.ws/streaming-rtsp-directly-to-browsers/