clip-js
online video editor built with nextjs, remotion and ffmpeg (web assembly port) for render.
File Explorer
Download Latest Version (.zip)- page.tsx
- page.tsx
- page.tsx
- ThemeSwitch.tsx
- AddMedia.tsx
- UploadMedia.tsx
- ExportButton.tsx
- HomeButton.tsx
- LibraryButton.tsx
- ShortcutsButton.tsx
- TextButton.tsx
- AddText.tsx
- ExportList.tsx
- MediaList.tsx
- GlobalKeyHandlerProps.tsx
- CanvasPreview.tsx
- audio-sequence-item.tsx
- image-sequence-item.tsx
- text-sequence-item.tsx
- video-sequence-item.tsx
- composition.tsx
- sequence-item.tsx
- Player.tsx
- ProjectName.tsx
- MediaProperties.tsx
- MoveableElement.tsx
- TextProperties.tsx
- Export.tsx
- Ffmpeg.tsx
- FfmpegRender.tsx
- ProgressBar.tsx
- RenderOptions.tsx
- AudioTimline.tsx
- ImageTimeline.tsx
- TextTimeline.tsx
- VideoTimeline.tsx
- Header.tsx
- Timline.tsx
- Footer.tsx
- Header.tsx
- projectSlice.ts
- projectsSlice.ts
- index.ts
- index.ts
- data.ts
- extractConfigs.ts
- extractThumbnail.ts
- utils.ts
- error.tsx
- favicon.ico
- globals.css
- Home.tsx
- layout.tsx
- not-found.tsx
- page.tsx
- providers.tsx
- favicon1.ico
- favicon2.ico
- image.png
- Arial.ttf
- Inter.ttf
- Lato.ttf
- OpenSans.ttf
- Roboto.ttf
- next.svg
- vercel.svg
- .dockerignore
- .eslintrc.json
- .gitignore
- dockerfile
- LICENSE
- next.config.js
- package-lock.json
- package.json
- postcss.config.js
- README.md
- tailwind.config.ts
- TODO.md
- tsconfig.json
# Installation Guide
1. Get the code
git clone https://github.com/mohyware/clip-js
Downloads the entire project code from GitHub to your computer.
cd clip-js
Moves into the project folder you just downloaded.
2. Docker
Easy RecommendedPrerequisites
- Git Needed to download the project code from GitHub.
- Docker Desktop Needed to build and run containers. Install it and keep it running in the background.
docker build -t clipjs .
Builds a runnable image based on the Dockerfile.
docker run -p 3000:3000 clipjs
Runs the built image as an actual container.
Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.
Pulled directly from this repo's README.
3. Node.js
EasyPrerequisites
npm install
Downloads and installs the libraries listed in package.json.
npm run dev
Starts the development/run server.
npm run build
Builds optimized production files.
npm start
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)