为什么我的 html 页面中的 iframe 无法正确显示我的实时网络摄像头源？

Question

我在 localhost:5000 上启动并运行了一个网页，我使用 node.js 设置了该网页，该网页由运行 Raspbian OS 的 Raspberry Pi 托管。

我还有一个连接到 Raspberry Pi 的 USB 网络摄像头，在使用

cheese

包进行测试并正确获取源后，它工作得很好。

在我的网页的 html 文件中，我有一个 iframe 元素，其设置如下：

<iframe src="http://localhost:5000/stream" height="200" width="300"</iframe>

我的node.js服务器正在使用ffmpeg包处理网页的流请求，如下所示：

// Handle video stream request
app.get('/stream', (req, res) => {
    const ffmpeg = spawn('ffmpeg', [
        '-f', 'v4l2',
        '-i', '/dev/video0',
        '-c:v', 'libx264',
        '-preset', 'ultrafast',
        '-tune', 'zerolatency',
        '-f', 'flv',
        'http://localhost:5000/stream'
    ]);

    // Pipe ffmpeg output to HTTP response
    ffmpeg.stdout.pipe(res);

当我启动服务器时，我看到 ffmpeg 命令在终端中运行并正确捕获帧，但我在 iframe 中没有提要，在链接 http://localhost:5000/stream 上也没有提要。浏览器控制台也显示零错误。

可能是什么问题？

Answer 1

尝试使用实际的 IP 地址，而不是本地主机。这通常可以通过 iframe 修复问题。