BabyRecorder - Capture Babylon.js scenes to MP4 and other video formats

Hello friends,

Meet BabyRecorder for recording Babylon.js scenes directly to video in the browser. It supports MP4, WebM, MKV, and MOV, includes realtime capture plus offline export modes, and can record scene audio with optional microphone input. There’s also built-in preview, download, bitrate/FPS controls, and basic recording diagnostics.

BabyRecorder is browser-native. It doesn’t need:

:cross_mark: A video encoding server
:cross_mark: FFmpeg installations
:cross_mark: File uploads
:cross_mark: Cloud processing
:cross_mark: External encoding services

Everything happens locally, privately, and instantly.

Your Babylon.js scenes. Your browser. Your computer. No servers involved.
Pure browser-based recording.
BabyRecorder – your Babylon.js scenes deserve to be seen.


Actually this is just a MVP, there is only one scene to test in demo with the most of useful settings exposed.
Now I can see several roads (without maps yet):

  1. Create the Inspector Custom Extension with npm package
  2. Create a minimal npm package (just for default mp4 recording)
  3. Move further with BabyRecorder functions, adding camera animations and video processing to make it full-featured video editor for Babylon.js scenes.

Your ideas?

6 Likes

Modern chromium has a native api for that:

But limited to secure contexts.

I believe BabyRecorder relates more to WebCodecs API :slight_smile: