Im noticing framerate hitches in the resulting video when recording to .webm via the VideoRecorder API. Is there a way to make the video recorder frame-rate independent (eg: recording one frame at a time ) so the video is smooth and does not rely on the framerate? I realize rendering frame by frame…

You can save as GIF and then do with all these frames what you’d like to :slight_smile:

[image] labris: l these frames what you’d like to are you suggesting saving the gifs frame by frame to disk like this: Render Scenes To .png Files | Babylon.js Documentation then using something like ffmpeg to stitch them together? we are trying to avoid having to save the images to disk an…

There is the function Save to GIF in Inspector. You may use it as a source to have all frames in memory without saving to disk. [image]

if you want the best quality and smooth framerate I would export as a png sequence and convert to mp4 using something like ffmpeg . For me, i ended up creating a babylon native backend service that does this. IMO probably best to do this on your backend. -Anupam

WebCodec would be another alternative in supporting environments.

[image] Anupam_Das: I would export as a png sequence and convert to mp4 using something like ffmpeg . @Anupam_Das what library did you use to persist every frame to a PNG file?

you can add one png at a time via ffmpeg. So on each render step you feed it one image at a time and then finally output a movie when all frames are processed.

[image] Render animation to image sequence (or video) frame by frame Questions Hey folks, I’m trying to render an animation (camera animation) out of a scene into an image sequence. I have been searching in the docs and forum as well as trying in a playground. This is wha…

How to render videos frame by frame to produce smooth video recording via VideoRecorder API

Questions

roland August 12, 2024, 8:51pm 9

This could help you.

1 Like

Topic		Replies	Views
Exact frame rendering of an animation into a video Questions	8	1238	September 26, 2021
How to record a video frame by frame? Questions	3	932	January 20, 2021
Save every frame (VideoRecorder result seems blurry) Questions gui , material , prepassrenderer	3	508	February 5, 2022
Custom Rendering of Scenes to Video Questions	6	2270	December 13, 2023
Render animation to image sequence (or video) frame by frame Questions rendering	9	558	April 7, 2024

How to render videos frame by frame to produce smooth video recording via VideoRecorder API

Related topics