Is it possible to record offscreen part of the scene to video, or capture as image?

[Antony]

Hi everyone,

Is it possible to record offscreen part of the scene to video, or capture as image? I’ve tried the following:

1. Offscreen canvas, but it doesn’t support record video. I searched forum that seems capture screenshot is possible with a hack (like setting an internal variable first), but I followed and no successful callback and no error either.

2. I tried follow the approach in this forum post:
   https://forum.babylonjs.com/t/record-certain-part-of-the-scene-in-babylon-using-babylon-recorder/51986

but this approach cannot record anything that isn’t drawing on the canvas

Why I want to do this is because I want to show user some content, but I created some animations on the other side where I don’t want user to see and record videos (or frame sequences) in the background. The worker approach would be perfect, but if it can’t be done, at least I want to do the recording for the content that user cannot see. Please advice how to achieve this if it is even possible to do. Thank you very much

Antony.

[Evgeni_Popov]

Maybe this could help?

OffscreenCanvas VideoTextures

I think you can already guess the challenge I’m facing from the thread title. As I understand it we can’t use VideoTexture from a WebWorker context because WebWorkers don’t have access to the DOM and can’t create video elements. In looking for workarounds I thought I might stream the video frames to the worker individually as images, and update a DynamicTexture instead on the worker side; however, the task is not trivial, and I have no clue if that’s really efficient; and since my app is quite…

[Antony]

Thanks Evgeni, let me try.