# mp3tomp4

**Repository Path**: shengh123/mp3tomp4

## Basic Information

- **Project Name**: mp3tomp4
- **Description**: 上传图片和mp3音频，合成mp4视频
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-04
- **Last Updated**: 2025-09-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# MP3转MP4视频转换器

一个简单易用的Web应用程序，允许用户上传MP3音频文件和背景图片，然后将其转换为MP4视频文件。所有处理均在浏览器中完成，无需上传到服务器。

## 功能特点
- 📸 **背景图片上传**：支持JPG、PNG、WebP等常见图片格式
- 🎵 **MP3音频上传**：支持MP3格式的音频文件
- 🎬 **视频转换**：将图片和音频合成为MP4视频文件
- 📥 **文件下载**：提供转换后的视频文件下载功能
- 🚀 **浏览器内处理**：所有处理均在本地浏览器中完成，保护用户隐私
- 💻 **响应式设计**：适配各种屏幕尺寸，从手机到桌面电脑

## 技术栈
- **前端框架**：React.js
- **样式处理**：Tailwind CSS
- **音频视频处理**：ffmpeg.wasm
- **构建工具**：Vite
- **UI组件**：Font Awesome

## 安装和运行

### 前提条件
确保您已安装Node.js (建议版本16或更高)和npm。

### 步骤
1. **克隆或下载项目**
   ```bash
   git clone [项目URL]
   cd mp3-to-mp4-converter
   ```

2. **安装依赖**
   ```bash
   npm install
   ```

3. **启动开发服务器**
   ```bash
   npm run dev
   ```
   然后在浏览器中打开 http://localhost:5173

4. **构建生产版本**
   ```bash
   npm run build
   ```
   构建后的文件将位于`dist`目录中

## 使用说明
1. 上传一张背景图片（点击或拖放）
2. 上传一个MP3音频文件（点击或拖放）
3. 点击"开始转换"按钮
4. 等待转换完成（转换时间取决于文件大小和您的设备性能）
5. 点击"下载MP4视频"按钮保存转换后的文件

## 注意事项
- 转换过程可能会消耗较多CPU资源，请耐心等待
- 由于浏览器安全限制，大文件处理可能受到内存限制
- 首次使用时需要加载FFmpeg引擎，可能需要一些时间
- 所有文件仅在您的浏览器中处理，不会上传到任何服务器

## 浏览器兼容性
- Chrome (推荐，最新版本)
- Firefox (最新版本)
- Safari (最新版本)
- Edge (最新版本)

## License
MIT License

## 开发说明
本项目使用ffmpeg.wasm在浏览器中进行音视频处理。ffmpeg.wasm是FFmpeg的WebAssembly版本，允许在浏览器环境中执行FFmpeg命令。

由于WebAssembly的限制，处理大文件可能会导致浏览器性能下降或内存不足。对于特别大的文件，建议使用桌面版的FFmpeg工具。