{"id":27959077,"url":"https://github.com/chemistwang/ffmpeg-video-cropper","last_synced_at":"2025-05-07T18:28:20.667Z","repository":{"id":289596244,"uuid":"971762672","full_name":"chemistwang/ffmpeg-video-cropper","owner":"chemistwang","description":"A web application for cropping videos using FFmpeg with a React frontend and FastAPI backend","archived":false,"fork":false,"pushed_at":"2025-04-24T03:48:43.000Z","size":367,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-24T04:28:08.439Z","etag":null,"topics":["claude-3-7-sonnet","cursor","github-mcp"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chemistwang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-04-24T02:54:15.000Z","updated_at":"2025-04-24T03:48:47.000Z","dependencies_parsed_at":"2025-04-24T04:38:17.175Z","dependency_job_id":null,"html_url":"https://github.com/chemistwang/ffmpeg-video-cropper","commit_stats":null,"previous_names":["chemistwang/ffmpeg-video-cropper"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chemistwang%2Fffmpeg-video-cropper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chemistwang%2Fffmpeg-video-cropper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chemistwang%2Fffmpeg-video-cropper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chemistwang%2Fffmpeg-video-cropper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chemistwang","download_url":"https://codeload.github.com/chemistwang/ffmpeg-video-cropper/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252933313,"owners_count":21827489,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["claude-3-7-sonnet","cursor","github-mcp"],"created_at":"2025-05-07T18:28:19.931Z","updated_at":"2025-05-07T18:28:20.651Z","avatar_url":"https://github.com/chemistwang.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FFmpeg Video Cropping Tool\n\n## 预览\n\n![upload](assets/upload.jpg)\n\n![clip](assets/clip.jpg)\n\n## 提示词\n\n```prompt\n需求：用ffmpeg裁切视频指定坐标。\n实现逻辑：\n- 1. 前后端分离\n- 2. 前端用React技术栈，后端用FastAPI\n- 3. 用户上传视频可以预览，并且可以用自定义选择框\n- 4. 用鼠标拖拉可以选择指定要裁切的框，点击确定生成指定裁切后的视频\n```\n\nThis application allows users to upload videos, preview them, select a specific region using a draggable selection box, and crop the video using FFmpeg.\n\n## Features\n\n- Upload and preview videos\n- Interactive crop selection with draggable handles\n- Server-side video cropping using FFmpeg\n- Download cropped videos\n\n## Tech Stack\n\n- **Frontend**: React, Material-UI\n- **Backend**: FastAPI (Python)\n- **Video Processing**: FFmpeg\n\n## Setup\n\n### Prerequisites\n\n- Python 3.8+ (for FastAPI backend)\n- Node.js and npm (for React frontend)\n- FFmpeg installed on the server\n\n### Backend Setup\n\n1. Navigate to the server directory:\n\n   ```\n   cd server\n   ```\n\n2. Create a virtual environment:\n\n   ```\n   python -m venv venv\n   source venv/bin/activate  # On Windows: venv\\Scripts\\activate\n   ```\n\n3. Install dependencies:\n\n   ```\n   pip install -r requirements.txt\n   ```\n\n4. Run the server:\n   ```\n   python run.py\n   ```\n\nThe server will start at http://localhost:8000\n\n### Frontend Setup\n\n1. Navigate to the client directory:\n\n   ```\n   cd client\n   ```\n\n2. Install dependencies:\n\n   ```\n   npm install\n   ```\n\n3. Start the development server:\n   ```\n   npm start\n   ```\n\nThe frontend will be available at http://localhost:3000\n\n## Usage\n\n1. Upload a video file by dragging and dropping or using the file browser\n2. Once the video is uploaded, it will be displayed with a crop selection box\n3. Drag the box to move it, or drag the handles to resize it\n4. Click \"Crop Video\" to process the video\n5. The cropped video will be displayed for preview\n6. Download the cropped video or process another one\n\n## Project Structure\n\n- **client/**: React frontend application\n- **server/**: FastAPI backend application\n  - **app/**: Main application directory\n    - **routers/**: API routes\n    - **static/**: Uploaded and processed videos\n  - **requirements.txt**: Python dependencies\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchemistwang%2Fffmpeg-video-cropper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchemistwang%2Fffmpeg-video-cropper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchemistwang%2Fffmpeg-video-cropper/lists"}