# SRS-Manager

**Repository Path**: Jp_gitee/srs-manager

## Basic Information

- **Project Name**: SRS-Manager
- **Description**: 这是一个基于 Vue.js 开发的 SRS (Simple RTMP Server) Web 管理客户端，提供了流媒体服务器的监控、管理和直播流预览功能。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-23
- **Last Updated**: 2025-10-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SRS Web 管理客户端

## 项目简介

这是一个基于 Vue.js 开发的 SRS (Simple RTMP Server) Web 管理客户端，提供了流媒体服务器的监控、管理和直播流预览功能。

## 功能特性

- 首页状态监控
- 直播流列表查看与管理
- 客户端连接监控
- 关于页面与项目信息

## 技术栈

- Vue.js
- Vue Router
- Vite
- FLV.js (用于视频播放)

## 开始使用

### 安装依赖

```bash
npm install
```

### 开发环境启动

```bash
npm run dev
```

### 构建生产版本

```bash
npm run build
```

### 预览生产版本

```bash
npm run preview
```

## 项目结构

```
src/
├── App.vue             # 应用主组件
├── main.js             # 应用入口
├── router/             # 路由配置
│   └── index.js
├── components/         # 通用组件
│   └── StatusCard.vue  # 状态卡片组件
├── views/              # 页面视图
│   ├── About.vue       # 关于页面
│   ├── Clients.vue     # 客户端页面
│   ├── DVR.vue         # DVR页面
│   ├── Home.vue        # 首页
│   └── Streams.vue     # 流管理页面
└── utils/              # 工具函数
```

## 配置说明

在使用前，请确保已经配置了正确的 SRS 服务器地址。可以通过修改相关配置文件来设置服务器连接信息。

![image-20251023111218516.png](pic/image-20251023111218516.png)

![image-20251023111234142.png](pic/image-20251023111234142.png)

![image-20251023111434058.png](pic/image-20251023111434058.png)

![image-20251023111409977.png](pic/image-20251023111409977.png)

![image-20251023111333961.png](pic/image-20251023111333961.png)

## 许可证

[MIT](LICENSE)

## 贡献指南

欢迎提交 Issue 和 Pull Request 来改进这个项目。

## 联系方式

如有问题，请通过以下方式联系：
- GitHub Issues
- 作者：元翼鸿
- QQ：877163008