Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ctq123/video-editor
这是一个 Web 短视频剪辑器，用于在线编辑视频。系统包括以下功能： 视频上传功能，支持拖拽上传和点击上传 视频合并、视频分辨率、视频裁剪、视频音效、视频字幕、视频水印、视频滤镜（视频亮度、模糊度）、视频转码、视频压缩、视频分割、视频合并、视频导出等功能
https://github.com/ctq123/video-editor
ant-design ffmpeg nodejs react vite
Last synced: about 2 months ago
JSON representation
这是一个 Web 短视频剪辑器，用于在线编辑视频。系统包括以下功能： 视频上传功能，支持拖拽上传和点击上传 视频合并、视频分辨率、视频裁剪、视频音效、视频字幕、视频水印、视频滤镜（视频亮度、模糊度）、视频转码、视频压缩、视频分割、视频合并、视频导出等功能
- Host: GitHub
- URL: https://github.com/ctq123/video-editor
- Owner: ctq123
- Created: 2024-09-27T04:13:30.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-10-24T05:47:33.000Z (3 months ago)
- Last Synced: 2024-10-24T23:54:35.271Z (3 months ago)
- Topics: ant-design, ffmpeg, nodejs, react, vite
- Language: TypeScript
- Homepage:
- Size: 9.33 MB
- Stars: 5
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 项目介绍
这是一个 Web 视频剪辑器，用于在线编辑视频。系统包括以下功能：
- 视频上传功能，支持拖拽上传和点击上传
- 视频分辨率、视频裁剪、视频音效、视频字幕、视频水印、视频滤镜（视频亮度、模糊度）、视频转码、视频压缩、视频分割、视频合并、视频导出等功能
## 环境要求
- Node.js 20.0.0 或更高版本
## 技术栈
前端：React + TypeScript + Vite + Axios + Ant Design + React Hooks
后端：Node.js + ffmpeg + midwayjs
## 项目启动
```bash
yarn
```
### 启动后端
```bash
cd server
yarn dev
```
`每隔10分钟，后端 upload 文件自动超时无效`
### 启动前端
```bash
cd ..
yarn dev
```
## 项目结构
```bash
├── public
├── server // 服务端
├── src // 前端
│ ├── assets
│ ├── components
│ ├── page
│ ├── utils
│ ├── App.tsx
│ ├── main.tsx
│ └── vite-env.d.ts
├── .gitignore
├── index.html
├── package.json
├── tsconfig.json
└── vite.config.ts
```
## 常见问题
1. 分析用户监控录像报错`Error: Cannot find ffprobe`
- 确保你已经安装了 ffmpeg 和 ffprobe。ffprobe 通常随 ffmpeg 一起安装。
- 你可以使用 Homebrew 安装 ffmpeg：
```bash
// macOS 上安装
brew install ffmpeg
```
```js
// window 上安装
到ffmpeg官网下载 Windows 版本的 ffmpeg 压缩包，然后解压，将 bin 目录配置到系统PATH 环境变量中
```