WebCamera
基于WebRTC的点对点网络摄像头实时监控工具
WebCamera 是一个基于 WebRTC 技术的网络摄像头监控工具,使用 Nuxt.js 框架开发。
Github地址
https://github.com/ShouChenICU/WebCamera
在线体验
https://webcamera.cc/zh
特性
-
• 实时视频流: 使用 WebRTC 技术实现高效的实时视频流。
-
• 跨平台支持: 兼容多种浏览器和设备。
-
• 易于开发: 基于 Nuxt.js 框架,方便扩展和维护。
-
• 模块化设计: 便于功能的扩展和集成。
-
• 隐私安全: 使用点对点加密连接,保护隐私安全。
安装
在开始之前,请确保您的系统已经安装了 Node.js^[1]^ 和 Yarn^[2]^。
-
git clone https://github.com/ShouChenICU/WebCamera.git
cd WebCamera
- 克隆仓库
-
yarn install
- 安装依赖
使用
-
yarn run dev
- 启动开发服务器
-
- 打开浏览器访问
http://localhost:3000
- 打开浏览器访问
-
- 摄像头先连接,然后监控页面填入和摄像头相同的连接ID,点连接,即可连接到摄像头。
构建
-
yarn run build
- 进入项目根目录执行
-
- 构建输出在
.output
目录中
- 构建输出在
-
node server/index.mjs
- 进入
.output
执行如下命令即可启动服务
- 进入
自部署请注意 : 浏览器媒体权限(摄像头和麦克风等)需要地址为localhost
或使用HTTPS
才能正常申请和启用,请自行配置HTTPS
部署。
Docker运行
docker build -t webcamera .
docker run -d -p 3000:3000 webcamera
引用链接
[1]
Node.js: https://nodejs.org/
[2]
Yarn: https://yarnpkg.com/