BestHub
search
Sign in
Tag

Video Frame Extraction

1 views collected around this technical thread.

Bilibili Tech
Bilibili Tech
Jan 30, 2024 · Frontend Development

Efficient Video Frame Extraction Using WebCodecs on Bilibili's Web Upload Page

Bilibili’s web upload page now uses the browser‑native WebCodecs API to decode video frames client‑side, replacing slower Canvas and Wasm‑FFmpeg pipelines, achieving 2.5–5× faster cover‑frame extraction with lower memory use, while supporting MP4/WebM and improving user experience.

MP4Video Frame ExtractionWebAssembly
0 likes · 12 min read
Efficient Video Frame Extraction Using WebCodecs on Bilibili's Web Upload Page
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 23, 2021 · Frontend Development

How to Capture Video Frames in the Browser with FFmpeg and WebAssembly

This article walks through the complete process of extracting video frames on the front end using FFmpeg compiled to WebAssembly, covering background requirements, a comparison of video‑canvas and server‑side approaches, detailed Emscripten setup, FFmpeg compilation, C‑level integration, memory optimizations, and deployment with Webpack.

EmscriptenFFmpegFrontend Development
0 likes · 25 min read
How to Capture Video Frames in the Browser with FFmpeg and WebAssembly