I'm also able to reproduce this locally. Here's the uppy, webcam, and vue versions

"dependencies": {
        "@ionic/vue": "^6.0.8",
        "@ionic/vue-router": "^6.0.8",
        "@uppy/core": "^2.3.1",
        "@uppy/dashboard": "^2.3.0",
        "@uppy/robodog": "^2.8.1",
        "@uppy/transloadit": "^2.3.1",
        "@uppy/vue": "^0.4.8",
        "@uppy/webcam": "^2.2.1",
        "@uppy/xhr-upload": "^2.1.2",
        "arrive": "^2.4.1",
        "platform": "^1.3.6",
        "vue": "^3.2.25",
        "vue-facebook-login-component-next": "^1.0.4",
        "vue-router": "^4.0.12",
        "yup": "^0.32.11"
    },

Hi! Thanks for the detailed report. I see the issue on your screencast, but so far couldn’t reproduce locally. A few of us at Transloadit have also attempted on their machines and couldn’t catch the bug. I’ll keep trying, will utilize and M1 Mac tomorrow.

Hi, as mentioned in the support ticket, I was not able to reproduce on M1 Mac, loaded it as much as I could — no freeze. Which leads me to believe it could be an issue with your specific machine, unless you are able to reproduce on different devices?

Hi @arturi, I was able to reproduce the issue on a brand new, fresh out of the box M1 Mac

Browser: Chrome Version 103.0.5060.134 (Official Build) (arm64)
OS Version: Mac OSX Version 11.2.2
Hardware: MacBook Pro (13-inch, M1, 2020). 16GB Memory
Note: This is a late 2020 machine that was still new in box. I wanted to test first without running any OS updates. I'll run them now and provide feedback as well.

Screencast:

I tested by continuously waving my hand while recording. This is a slight variation of this issue, as you can't see the freeze during the recording preview, but you can clearly see it during the playback.

Nothing else is running on this machine. I literally took it out of the box, setup OSX, installed Chrome, and then ran this test.

Hey @rorito

Any news? meybe you have found any fixes?

I just wanted to add on that I have run into an issue like this with an entirely different package utilizing Chrome MediaRecorder with a preview window followed by recording. Extremely ephemeral, and only ever observed on M1 Macs, with identical freezing behavior to what @rorito is seeing.
This makes me suspicious that there is a Chrome bug, although it's also possible that both implementations have the same subtle, self-made problem when switching from previewing the video to actually recording it.
If you were ever able to figure out how to consistently reproduce or mitigate this, @rorito please let me know!

Have also experienced this with react-webcam... also on M1 Mac/Chrome. Doesn't seem to be just this package.

We've been having a similar issue for a while now.

We utilize MediaRecorder directly, without any third-party library, so I don't think the issue is specific to this project. In our use case, we also show the preview of the media stream at first and then start recording after pressing a button. The freeze happens only once when you start first recording in a while. After this first freeze, you can record again and there would be no freezes anymore, even if you will reload the page or restart Chrome.

So to me, it feels like OS level issue. Probably when you doing first time recording some process starts up and maybe it causes the freeze. That could explain why it doesn't reproduce anymore after that even after restart of the browser.

Either case, I'd love to hear others' thoughts on this.