# RTSP

**Repository Path**: CWLDeveloperAlliance/rtsp

## Basic Information

- **Project Name**: RTSP
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-25
- **Last Updated**: 2025-12-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# RTMP 流媒体播放器

这个项目包含两个不同的流媒体播放器实现，用于播放 RTMP 流媒体内容。

## 文件说明

### 1. index.html - 传统 RTMP 播放器
- 使用 Video.js 和 Flash 插件
- 专门针对 RTMP 协议设计
- 需要浏览器支持 Flash（现代浏览器已逐步淘汰）

### 2. modern-player.html - 现代流媒体播放器
- 使用原生 HTML5 video 元素
- 支持多种现代流媒体格式
- 更好的浏览器兼容性
- 响应式设计

## 使用方法

### 快速开始
1. 直接在浏览器中打开 `index.html` 或 `modern-player.html`
2. 点击"播放流媒体"按钮开始播放
3. 使用控制按钮管理播放状态

### 自定义流媒体地址
在 `modern-player.html` 中，您可以：
1. 在输入框中修改流媒体地址
2. 点击"加载流媒体"按钮
3. 开始播放

## 技术说明

### RTMP 协议限制
- 现代浏览器（Chrome 88+, Firefox 84+）已不再支持 Flash
- RTMP 协议主要依赖 Flash 技术
- 建议使用 HLS (.m3u8) 或 DASH 格式替代

### 推荐的流媒体格式
- **HLS (HTTP Live Streaming)**: `.m3u8` 文件
- **DASH (Dynamic Adaptive Streaming)**: `.mpd` 文件
- **WebRTC**: 用于实时通信
- **MP4/WebM**: 直接视频文件

### 浏览器兼容性
- **Chrome**: 支持 HLS, DASH, MP4, WebM
- **Firefox**: 支持 HLS, DASH, MP4, WebM
- **Safari**: 原生支持 HLS
- **Edge**: 支持大部分现代格式

## 功能特性

### index.html 特性
- 🎥 专业的 Video.js 播放器界面
- 📱 响应式设计
- 🎨 现代化 UI 设计
- ⚡ Flash 回退支持

### modern-player.html 特性
- 🎬 现代化播放器界面
- 📊 实时播放状态显示
- ⌨️ 键盘快捷键支持
- 🔍 全屏播放功能
- 📱 移动端适配
- 🎯 多格式支持

## 键盘快捷键（modern-player.html）
- **空格键**: 播放/暂停
- **F键**: 切换全屏
- **L键**: 加载流媒体

## 故障排除

### 常见问题

1. **无法播放 RTMP 流**
   - 确认浏览器是否支持 Flash
   - 尝试使用 `modern-player.html` 并转换为 HLS 格式

2. **视频加载失败**
   - 检查网络连接
   - 确认流媒体服务器是否正常运行
   - 验证流媒体地址是否正确

3. **播放卡顿**
   - 检查网络带宽
   - 尝试降低视频质量
   - 确认服务器性能

### 错误代码说明
- **错误代码 1**: 视频加载被中止
- **错误代码 2**: 网络错误
- **错误代码 3**: 视频解码错误
- **错误代码 4**: 不支持的视频格式

## 服务器配置建议

### RTMP 服务器
如果您需要搭建 RTMP 服务器，推荐使用：
- **Nginx + RTMP 模块**
- **Node Media Server**
- **SRS (Simple Realtime Server)**

### 流媒体转换
将 RTMP 转换为现代格式：
```bash
# 使用 FFmpeg 转换为 HLS
ffmpeg -i rtmp://192.168.76.132/live/test -c copy -f hls output.m3u8

# 转换为 DASH
ffmpeg -i rtmp://192.168.76.132/live/test -c copy -f dash output.mpd
```

## 开发说明

### 依赖项
- Video.js 8.6.1
- videojs-flash 2.2.1
- 现代浏览器（推荐 Chrome 90+）

### 自定义样式
两个播放器都使用了现代化的 CSS 设计，您可以根据需要修改样式：
- 渐变背景
- 圆角设计
- 阴影效果
- 响应式布局

## 许可证

本项目仅供学习和测试使用。请确保您有权使用相关的流媒体内容。

## 联系支持

如果您遇到问题或需要帮助，请检查：
1. 浏览器控制台错误信息
2. 网络连接状态
3. 流媒体服务器状态
4. 视频格式兼容性