The stop recording button is making this error:

[kanon4us]

vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1 Uncaught (in promise) Error: No schema entry found for unknown
at EBMLEncoder.writeTag (vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1)
at EBMLEncoder.encodeChunk (vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1)
at vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1
at Array.reduce ()
at EBMLEncoder.encode (vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1)
at vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1
at Array.reduce ()
at encodedSizeOfEbml (vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1)
at Object.makeMetadataSeekable (vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1)
at main.d3cc3ca2e84b8b582969.bundle.js:1
EBMLEncoder.writeTag @ vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1
EBMLEncoder.encodeChunk @ vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1
(anonymous) @ vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1
EBMLEncoder.encode @ vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1
(anonymous) @ vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1
encodedSizeOfEbml @ vendorsmain.d3cc3ca2e84b8b582969.bundle.js:1
makeMetadataSeekable @ vendors~main.d3cc3ca2e84b8b582969.bundle.js:1
(anonymous) @ main.d3cc3ca2e84b8b582969.bundle.js:1
Promise.then (async)
(anonymous) @ main.d3cc3ca2e84b8b582969.bundle.js:1

[kanon4us]

This is happening in Google Chrome Desktop at https://react-video-recorder.vercel.app/?path=/story/videorecorder--with-isflipped-false

[codyromano]

I'm experiencing the same issue.

[kanon4us]

What I can tell, the video schema object isn’t being set. In firefox, it is set to this...

So if there is a way to manually set it, it might resolve the issue...
However, I don't think it's possible to set it manually due to it being one part of the data stream...

Looking at the code just before the function that’s throwing the error, there are 72 array objects that each contain different schema types. Each of these are autogenerated as part of the video record process...

That shows wherein the generated metadata the issue block is.
In this previous screenshot, you can see how the rest of the growing entries are “SimpleBlock”, which represent a chunk of the actual video...
I ran the video code in a Chromium browser which is a version or two behind Chrome, so it’s definitely a browser update that caused the issue.
Chromium uses the same rendering engine as Chrome, the only difference is that it has all the google tracking stripped from the browser.
I’m having no luck figuring out a workaround, so I think using another library is the only option at this time...
Here is another that I came across that supports react and works in Chrome...
https://collab-project.github.io/videojs-record/#/frameworks/react

[jackguoAtJogg]

I hope this could get fixed soon since this library comes better UI than https://collab-project.github.io/videojs-record/#/frameworks/react.

[asanjeevrao]

Facing the same issue

[jmazier-j2d]

Same issue here.. Any news ? I'm also trying to figure out a workaround, I'll let you know.

[jackguoAtJogg]

I think I found the issue, is due to this library https://github.com/legokichi/ts-ebml that's not working properly.

reference issue: legokichi/ts-ebml#33

[DevLukeHere]

Yup, facing the same issue here. I think it's broken for users using a combination of MacOS + chromium browsers (i.e. Google Chrome or Microsoft Edge).

[alexeymetelkinpro]

Hey there! Here is a workaround for that issue for now - #130;
Works for me!

I also forked that fork fix to make it usable through npm: here is my fork - https://github.com/alexeymetelkinpro/react-video-recorder.
To get the fix, you gotta replace the original react-video-recorder line with this - "react-video-recorder": "alexeymetelkinpro/react-video-recorder". Or "react-video-recorder": "alexeymetelkinpro/react-video-recorder#c4d02177de1f9f5e5f4db8bb242b195d1fed0899" to make sure you won't get further updates from my repository, though I have no plans to ever make any changes there.

[fbaiodias]

🎉 This issue has been resolved in version 3.19.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[codyromano]

@fbaiodias Thanks for your work on this! :)