JS Expert Week 8.0 - 🎥Pre processing videos before uploading in the browser 😏

Pure re-encoding of an mp4-h264 video file with the web APIs as well as in-depth description of how it works.

Record a video in the browser or directly on the File System from a canvas (2D/WebGL/WebGPU) as MP4, WebM, MKV, GIF, PNG/JPG Sequence using WebCodecs and Wasm when available.

Get a codec parameter string (like 'avc1.4d002a') from human readable options (like { name: 'Main', level: '4.2' }) and back to a descriptive name ('AVC Main Profile Level 4.2').

WebCodecs Opus Recorder/Media Source Extensions Opus EncodedAudioChunk Player

Video scrubbing with WebCodecs

WebRTC Video Encoder <--> WebCodecs VideoDecoder

websocket player

WebCodecsを使った実装でハマるところとその解消法について

KastorTube - fullstack project that pre-processes MP4 video to WebM on demand using Streams, WebCodecs, Web Workers and Canvas.

mp4 editor webapp idea