Skip to content

Latest commit

 

History

History
45 lines (31 loc) · 1.12 KB

README.md

File metadata and controls

45 lines (31 loc) · 1.12 KB

JavaScript MP4 to WebM with WebCodecs API Sample

👷 Developed by Matheus Ramalho de Oliveira
🔨 Brazilian Software Engineer
🏡 Goiânia, Goiás, Brasil
✉️ kastorcode@gmail.com
👍 instagram.com/kastorcode

Fullstack project that demonstrates how to pre-process an MP4 video by converting it to WebM and reducing its resolution directly in the browser before uploading to the server. Everything is done on demand using Streams, WebCodecs, Web Workers and Canvas.

Screenshots

Installation and execution

Backend

  1. Make a clone of this repository;
  2. Open the backend folder in a terminal;
  3. Run yarn to install dependencies;
  4. Run yarn start to start the server at port 3000.

Frontend

  1. Open the frontend folder in a terminal;
  2. Run yarn to install dependencies;
  3. Run yarn start to start browser-sync at https://localhost:3001.

<kastor.code/>