[!重要] 🚀 新版本正在开发中 🚀

camera.ui 的新版本目前正在积极开发中。初始的 alpha/beta 版本和预览版即将推出。敬请期待令人兴奋的更新！

详情：https://github.com/seydx/camera.ui/issues/448

camera.ui

camera.ui 是一款类似 NVR 的渐进式 Web 应用程序，用于控制支持 RTSP 的摄像头，具有以下功能：

网页上的实时流
摄像头视图：可调整大小、拖放的摄像头概览
Web 应用程序，几乎完全支持 PWA 功能，如推送通知等
多语言：易于扩展的多语言支持
移动侦测：通过视频分析、MQTT、FTP、SMT 或 HTTP 实现
图像识别：通过 AWS Rekognition 实现
通知：通过 Alexa、Telegram、Webhook 和 WebPush 发送
快照/视频：检测到移动时在本地保存快照/视频记录
预缓冲：查看移动事件前的几秒钟内容
用户界面：精心设计的美观界面，带有 8 种不同的配色主题、暗黑模式等
HomeKit：轻松将摄像头接入 Apple Home，支持 HSV

以及更多功能...

支持的语言：

:de: | :gb: | :netherlands: | :fr: | :thailand: | :es:

演示： https://streamable.com/3yce42

安装

可以按以下方式安装 camera.ui：

sudo npm install -g camera.ui@latest

文档

camera.ui
- 安装
- 文档
- 配置
- 默认设置
- 使用方法
  - 仪表板
  - 摄像头
  - 摄像头详情
  - 录像
  - 通知
  - 摄像头视图
  - 日志
  - 配置
  - 使用情况
  - 设置
- HomeKit
- 移动侦测
  - 视频分析
  - HTTP
  - MQTT
  - SMTP
  - FTP
- 图像识别
- 通知
- PWA
- 服务模式
- 支持的客户端
  - 浏览器
- 支持的摄像头
  - 摄像头设置
- API
- 常见问题
- 贡献
- 故障排除
- Wiki
- 许可证
  - MIT 许可证

配置

camera.ui 将自身安装在用户目录下的 ~/.camera.ui 文件夹中。

数据库、录像以及 config.json 文件都存储在此文件夹中，其他人无法访问。可以直接使用编辑器或通过界面修改设置。

安装后，可以在终端中使用以下命令启动 camera.ui：

camera.ui

-D, --debug：启用调试级别的日志记录

-C, --no-color：禁用日志中的颜色

-T, --no-timestamp：在日志中不显示时间戳

--no-sudo：禁用通过界面更新时的 sudo

--no-global：禁用通过界面更新时的全局 (-g) 前缀

-S, --storage-path：在指定的 [路径] 而不是默认位置 (~/.camera.ui) 查找 camera.ui 文件

默认设置

安装并配置完成后，可以通过 http://localhost:8081 访问界面。

默认用户名是 master，默认密码是 master。首次登录时，camera.ui 会要求你更改用户名和密码。

使用方法

仪表板

仪表板是界面的主页，提供各种小部件，可以根据喜好自定义。小部件将随时间扩展。目前，仪表板可用的小部件包括：时间、天气、运行时间、摄像头、通知、RSS 订阅、状态、图表（CPU 负载、CPU 温度、内存负载）、快捷方式和日志。

摄像头

这里按房间列出了所有摄像头，并显示当前快照作为封面。

摄像头详情

选择一个摄像头后，可以直接在浏览器中观看实时流。使用 camera.ui 播放器，你可以暂停流、开启/关闭音频或重新加载流。

录像

所有由动作触发录制的图像或视频都列在这里。如果使用了AWS Rekognition，还会显示录像的标签以及日期和时间。使用过滤功能，可以根据需要筛选录像。

通知

所有动作事件和系统消息都可以在这里查看。每个通知都有一个或多个标签，以便更好地分类。过滤功能也可以用来根据需要筛选通知。

摄像头视图

摄像头视图以瓷砖形式显示所有摄像头流，隐藏了所有不必要的内容。摄像头视图非常适合直接洞察摄像头情况。在这里，也可以通过camera.ui视频播放器暂停流，开启/关闭音频，重新加载流或以全屏模式查看。

日志

后端发生的所有事件都可以通过内置日志进行监控。此外，还可以在这里清除或下载日志。

配置

使用内置编辑器，您可以轻松编辑config.json。此外，任何错误都会立即显示出来，从而避免保存有错误的config.json。

使用情况

"使用情况"以图形方式显示系统利用率的概览。在这里，您可以实时查看CPU使用率、CPU温度以及剩余内存量。

设置

在设置页面，您可以进行关于config.json和数据库的所有设置。config.json中定义的所有参数都可以直接从这个页面进行配置。如果camera.ui通过"Homebridge"运行，您还可以在这里设置与Homebridge相关的参数。

HomeKit

包含在camera.ui中的摄像头可以通过Homebridge轻松地暴露给Apple Home。

为此，请安装homebridge-config-ui-x，并搜索插件homebridge-camera-ui并安装它。

如果您通过Homebridge运行camera.ui，那么每次启动时界面也会自动启动。不再需要额外的"服务模式"。

如果您之前在没有Homebridge的情况下使用camera.ui，然后使用Homebridge，那么必须重新创建数据库，并且配置也会被Homebridge接管。您必须重新将摄像头添加到Homebridge。重启Homebridge后，摄像头也会在camera.ui上可用。

Homebridge-config-ui-x提供了更多配置参数，例如启用HSV、动作传感器、动作开关等。请查看example-config.json。

注意： homebridge-camera-ui >= v5.0.0与camera.ui兼容。

动作检测

camera.ui提供了多种检测和处理动作的选项。

视频分析

通过这个选项，camera.ui连接到流并逐帧比较是否有变化。可以在界面中设置区域和敏感度。

HTTP

如果为动作检测启用了HTTP服务器，调用链接就可以轻松触发动作。

示例：

http://localhost:8123/motion?My+Camera

MQTT

如果您已设置MQTT客户端（设置 > 系统 > MQTT），您可以通过界面（设置 > 摄像头 > MQTT）设置所需的参数，如"动作主题"、"消息"等。

动作主题：用于监视动作警报的MQTT主题。主题（前缀/后缀）应该是唯一的，它将用于将检测到的动作消息分配给所需的摄像头。

动作消息：用于触发动作警报的监视消息。

消息可以是简单的"字符串"（例如"ON"/"OFF"）或JSON对象。如果MQTT消息是JSON对象，如：

{
  "id": "test",
  "event": {
    "time": 1234567890,
    "state": true,
  }
}

那么在"动作消息"下定义确切的参数，以便camera.ui可以读取，例如：

"motionMessage": {
  "event": {
    "state": true
  }
}

SMTP

如果SMTP服务器已开启，并且您的摄像头能够在检测到动作时发送电子邮件，您可以通过它轻松触发动作，例如：

From: My+Camera@camera.ui To: My+Camera@camera.ui

请注意，camera.ui SMTP服务器在摄像头设置中设置（ip/端口）。

FTP

如果您的摄像头能够在检测到动作时上传图像，那么您可以选择camera.ui FTP服务器作为目标。这里非常重要的是，您通过摄像头自己的设置页面输入的路径必须是在配置中定义的摄像头名称。

每次摄像头尝试连接到服务器时，camera.ui都会检测并使用输入的路径来确定摄像头。

图像识别

camera.ui还使用Amazon Web Services的图像识别功能来分析、检测、记忆和识别图像中的物体、场景和人脸。您可以为每个摄像头启用图像识别，甚至可以为每个摄像头设置标签。对于每个物体、场景和概念，API都会返回一个或多个标签。每个标签提供物体名称。例如，假设输入图像有灯塔、海洋和岩石。响应包括所有三个标签，每个物体一个。

这使得可以在存储或发送通知之前分析每个动作。要使用图像识别，你需要设置一个带有 IAM 用户的 AWS 账户。更多信息：AWS 图像识别

通知

camera.ui 支持多种通知选项。每个选项都可以通过界面方便地设置。

由于推送通知仅在特定条件下适用于网站（参见 PWA），你可以通过第三方提供商轻松绕过这个限制。

这些第三方提供商包括：

Telegram
Webhook
Alexa
支持 Alexa 的其他第三方提供商

通过 Telegram，你甚至可以发送图片或视频以及文字消息。

PWA

camera.ui 是一个功能齐全的 PWA（渐进式 Web 应用程序）。PWA 相比普通网页有几个优势。通过 Windows/macOS/Android，浏览器可以直接向你发送本地推送通知。页面的处理速度变得更快，还有更多优势。

要"启用"PWA，你需要通过 HTTPS 运行页面。在 config.json 中，你可以提供自己的 SSL 密钥和证书，以通过 HTTPS 运行 camera.ui。

服务模式

要让 camera.ui 在后台永久运行，你可以使用"服务模式"。

创建一个名为 camera.ui.default 的新文件，并将以下内容粘贴进去：

CAMERA_UI_OPTS=-D -C -T -S "/home/pi/Desktop/.camera.ui/"
CUI_STORAGE_PATH="/home/pi/Desktop/.camera.ui/"

DISABLE_OPENCOLLECTIVE=true

请确保根据需要更改路径。将 camera.ui.default 文件放入 /etc/default/ 文件夹。

然后创建另一个名为 camera.ui.service 的文件，并添加以下内容：

[Unit]
Description=camera.ui
After=syslog.target network-online.target

[Service]
Type=simple
User=pi
EnvironmentFile=/etc/default/camera.ui
ExecStart=/home/pi/Desktop/camera.ui/bin/camera.ui.js $CAMERA_UI_OPTS
Restart=always
RestartSec=5
KillMode=process

[Install]
WantedBy=multi-user.target

将 camera.ui.service 文件放入 /etc/systemd/system/ 文件夹。

输入以下命令以启用/启动服务：