Media Recorder: first video frame is black

🧑‍💻 Technical Support
1

I’m using XRextras media recorder.
When saving the video, the first frame is black.
Is there any workaround this?
Thanks!

2

Hi, welcome to the forums!

I haven’t seen this issue or been able to reproduce it. Can you share your config / which device you’re seeing this on? Additionally xrextras is open-source if you want to take a look:

1 Like
3

Hi George,
Thanks for your answer!
I see this on all platforms (Android and iOS).
Here is the config I’m using:

    <xrextras-capture-config
      max-duration-ms="40000"
      max-dimension="1920"
      enable-end-card="false"
      file-name-prefix="myproject-"
      request-mic="auto"
      include-scene-audio="true"
    ></xrextras-capture-config>

Thanks for the link, I saw indeed that xrextras was open-source, but XR8.MediaRecorder is not, right? As it’s in the final video itself, I would think the issue comes from the recorder.

Thanks!

4

Ah, that’s correct. I’ll let the team know.

1 Like
5

Thanks!
I’ll ask the million dollar question - do you know if that can be solved in the next week? Our projects kicks off June 16th and has video sharing as a core functionality. The video shared to social networks have a black first frame as the poster…
Also I couldn’t test if that happens in the template, as this template is not working (blank page) Face Effects: Custom | 8th Wall | 8th Wall

Thanks!

6

@GeorgeButler Hello!

Good news.

I realized that I was using a-frame and not 8frame. I replaced a-frame 1.7.0 with 8frame-1.4.1.min.js and the black frame at the start of the video recording has disappeared!

That being said, it could be great if 8frame could be upgraded to the latest version of a-frame?
I tried 8frame-1.5.0.min.js but on this version, the camera feed doesn’t show up.

Especially because default lighting has changed, and shaders have change too, I had to re-do a lot of my code to downgrade it to older a-frame and older ThreeJS.

Cheers,