如何将视频从 USB 网络摄像头流式传输到远程 HTML 页面

Question

我想创建一个程序，将视频从我的 USB 网络摄像头通过互联网传输到网页。

目前，我使用一个 web 服务，当它被触发时，调用fswebcam来捕获图像，保存到数据存储，转换为 base64 二进制并将该数据发送到 HTML 页面，在那里它被呈现为 'img' 的 'src' 属性。 HTML 页面具有每秒调用一次此服务的 JavaScript。

正如你所知道的，这是一种可怕的方式来做到这一点。 如果可以的话，我宁愿有一个适当的流。 但我不知道有哪些技术可以实现这一点。

网络服务是用nodeJS编写的。 服务器在raspberry pi 2上运行。 我没有在raspberry pi forum提出这个问题，因为我认为这是一个一般的Linux/programming问题。

Answer 1

使用像livecam这样的框架。

使用 GStreamer 和 Node.js 的网络摄像头直播解决方案

此模块允许您通过网络流式传输网络摄像头以供浏览器使用和/或流式传输到文件。 有关更多信息，请参阅文档。

用法：

// npm install livecam

const LiveCam = require('livecam');
const webcam_server = new LiveCam({
    'start' : function() {
        console.log('WebCam server started!');
    }
});

webcam_server.broadcast();

Answer 2

此处的文章以最简单的方式使用工作图像解释了整个过程。 这是 Linux 的方式，而不是任何node.js脚本。 我在这里说明的主要部分。

• 使用 IP 地址连接您的 Pi。 'pi' 和 'raspberry' 是 Raspbian 中默认的“登录身份”和“密码”。

• 要在命令sudo apt-get update和sudo apt-get upgrade一次更新系统类型。

• 输入命令sudo apt-get install motion开始安装。

• 现在要确保正确检测到相机，请输入命令lsusb并回车。 您应该会看到相机的名称。 如果它不存在，则说明您的相机存在问题或“运动”不支持相机。

• 安装完成后，输入命令sudo nano /etc/motion/motion.conf并回车。

• 然后您必须更改.conf文件中的一些设置。 有时可能很难找到设置，但可以使用Ctrl + W找到它。 所以请按照以下步骤操作：

  1. 确保“守护进程”处于开启状态。
  2. 将 'framerate' 设置为 1000 到 1500 之间的任意值。
  3. 将“Stream_port”保持为 8081。
  4. 'Stream_quality' 应该是 100。
  5. 将“Stream_localhost”更改为关闭。
  6. 将“webcontrol_localhost”更改为关闭。
  7. 将“质量”设置为 100。
  8. 将“宽度”和“高度”设置为 640 和 480。
  9. 将“post_capture”设置为 5。
  10. 按 ctrl + x 退出。 键入 y 进行保存并输入以符合要求。

• 再次输入命令sudo nano /etc/default/motion并按回车键。

• 将start_motion_daemon设置为 yes。 保存并退出。

• 首先，您必须重新启动运动软件。 为此，请输入命令sudo service motion restart并按 Enter。

• 再次输入命令sudo motion并按回车键。 现在您的服务器已准备就绪。

• 现在打开你的浏览器。 以这种方式输入树莓派的 IP 地址和端口号：

  192.168.0.107:8081 （首先是 IP 地址，然后是“:”，然后是端口号）。 按 Enter。

现在，您可以直接在笔记本电脑或手机上或同时在两者上看到来自网络摄像头的实时馈送。 但是，这是本地连接。 要使其公开，请使用公共 IP 设置您的 IP，以便您可以从世界任何地方访问它。