Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shouchenicu/webcamera

基于WebRTC的点对点网络摄像头实时监控工具
https://github.com/shouchenicu/webcamera

camera nuxtjs p2p vue3 webcam webcamera webrtc

Last synced: 5 days ago
JSON representation

基于WebRTC的点对点网络摄像头实时监控工具

Awesome Lists containing this project

README

        

# WebCamera

![License](https://img.shields.io/badge/license-MIT-blue.svg)
![Nuxt](https://img.shields.io/badge/nuxt.js-v3.11.2-green.svg)
![Yarn](https://img.shields.io/badge/yarn-v1.22.22-blue.svg)

![WebCamera](./public/ogImg.webp)

WebCamera 是一个基于 WebRTC 技术的网络摄像头监控工具,使用 Nuxt.js 框架开发。

## 目录

- [特性](#特性)
- [安装](#安装)
- [使用](#使用)
- [构建](#构建)
- [Docker运行](#Docker运行)
- [贡献](#贡献)
- [许可证](#许可证)

## 特性

- **实时视频流**: 使用 WebRTC 技术实现高效的实时视频流。
- **跨平台支持**: 兼容多种浏览器和设备。
- **易于开发**: 基于 Nuxt.js 框架,方便扩展和维护。
- **模块化设计**: 便于功能的扩展和集成。
- **隐私安全**: 使用点对点加密连接,保护隐私安全。

## 安装

在开始之前,请确保您的系统已经安装了 [Node.js](https://nodejs.org/) 和 [Yarn](https://yarnpkg.com/)。

1. 克隆仓库

```bash
git clone https://github.com/ShouChenICU/WebCamera.git

cd WebCamera
```

2. 安装依赖

```bash
yarn install
```

## 使用

1. 启动开发服务器

```bash
yarn run dev
```

2. 打开浏览器访问 `http://localhost:3000`

3. 摄像头先连接,然后监控页面填入和摄像头相同的连接ID,点连接,即可连接到摄像头。

## 构建

1. 进入项目根目录执行

```bash
yarn run build
```

2. 构建输出在 `.output` 目录中
3. 进入 `.output` 执行如下命令即可启动服务

```bash
node server/index.mjs
```

**自部署请注意**: 浏览器媒体权限(摄像头和麦克风等)需要地址为`localhost`或使用`HTTPS`才能正常申请和启用,请自行配置`HTTPS`部署。

## Docker运行

```bash
docker build -t webcamera .
docker run -d -p 3000:3000 webcamera
```

## 贡献

我们欢迎任何形式的贡献!如果你有任何建议或发现了 bug,请提交一个 issue 或者发送一个 pull request。

1. Fork 本仓库
2. 创建一个新的分支 (`git checkout -b feature-branch`)
3. 提交你的更改 (`git commit -am 'Add some feature'`)
4. 推送到分支 (`git push origin feature-branch`)
5. 创建一个新的 Pull Request

## 许可证

该项目基于 MIT 许可证,详细信息请参阅 [LICENSE](./LICENSE) 文件。

---





Star History Chart