https://github.com/mat-sz/crop

🎞️ Crop, flip and trim videos right from your web browser.
https://github.com/mat-sz/crop

editor ffmpeg ffmpeg-gui ffmpeg-wrapper react reactjs video-processing wasm

Last synced: 21 days ago
JSON representation

🎞️ Crop, flip and trim videos right from your web browser.

• Host: GitHub
• URL: https://github.com/mat-sz/crop
• Owner: mat-sz
• License: bsd-3-clause-clear
• Created: 2023-09-06T16:12:52.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-22T16:28:49.000Z (4 months ago)
• Last Synced: 2024-11-11T17:06:07.949Z (3 months ago)
• Topics: editor, ffmpeg, ffmpeg-gui, ffmpeg-wrapper, react, reactjs, video-processing, wasm
• Language: TypeScript
• Homepage: https://crop.mov
• Size: 175 KB
• Stars: 25
• Watchers: 2
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# crop.mov

Quick video edits, right in your web browser. Built with React and [ffmpeg.wasm](https://github.com/ffmpegwasm/ffmpeg.wasm)

https://crop.mov

- ✔️ Simple UI

- ✔️ No watermarks

- ✔️ Your video files stay on your computer

## Building

Install the project with `yarn` and then run `yarn build`.

## Multi-core ffmpeg.wasm

To enable multi-core ffmpeg.wasm, SharedArrayBuffer needs to be available and env variable `VITE_ENABLE_MT` needs to equal `1`.

This is a work-in-progress feature and it may not work as expected.

### Nginx:

```nginx

server {

  # ...

  add_header Cross-Origin-Embedder-Policy 'require-corp';

	add_header Cross-Origin-Opener-Policy 'same-origin';

  # ...

}

```

See: https://developer.chrome.com/blog/enabling-shared-array-buffer/