Skip to content

Instantly share code, notes, and snippets.

@JonnyBurger

JonnyBurger/messages.md

Created March 31, 2025 06:28
Show Gist options
  • Save JonnyBurger/14986314bf41aaa03da209adab1cfba3 to your computer and use it in GitHub Desktop.
Save JonnyBurger/14986314bf41aaa03da209adab1cfba3 to your computer and use it in GitHub Desktop.
Download ZIP
AI-generated docs draft: Remotion recorder setup issues and recent improvements discussed.
Raw
messages.md

justrbt - 12/29/2024, 4:07:35 PM

Hi guys. I am new to remotion recorder, trying to setup it from both repos / recorder / our-recorder and I can’t get through some things, can I ask you for a help?

  1. Linux - Ubuntu - PopOS and Mint - did not work at all, browser did not ask me to ,,allow mic and camera,, - Firefox nor brave , so I got stuck on error page telling me that we don’t have enabled mic and camera. Nothing seem to work (Studio works perfectly on other instances, recorder did not)

    • MacOS on M1 - I did manage to run recorder and studio, but I noticed few errors that I cant get around. My current problem lies here -
  • I select MacBook s camera, select either built-in or external mic - both seem to work okay based on moving volume indicator, select recording of a whole screen and hit record. Then Stop recording and copy, it will create only one file display.mp4 with no encoded sound at all , and instead of saving webcam footage I get this error: Webcam file webcam1735485498348.mp4 not found.

So I have a specific problem with saving webcam footage with audio, this is the error from whisper module -

Whisper already exists at /Users/rf/Projects/remotion-recorder/whisper.cpp Model already exists at /Users/rf/Projects/remotion-recorder/whisper.cpp/ggml-medium.en.bin 37 | f.startsWith(WEBCAM_PREFIX) 38 | ); 39 | }); 40 | 41 | if (webcamFiles.length === 0) { 42 | throw new Error( ^ error: Webcam file webcam1735485498348.mp4 not found. at /Users/rf/Projects/remotion-recorder/scripts/server/transcribe-video.ts:42:11 at transcribeVideo (/Users/rf/Projects/remotion-recorder/scripts/server/transcribe-video.ts:6:32) at /Users/rf/Projects/remotion-recorder/scripts/server/handle-video.ts:75:11

Am I doing something wrong? Thank you in advance

justrbt - 12/31/2024, 8:10:49 AM

Hi, yep i updated the source too and everything is working properly now. Display and webcam with audio is saved to working dir, does the webm format have benefits over mp4?

Anyway thank you for fast response, I am happy to have opportunity to work with remotion

jonnyburger - 12/31/2024, 9:09:11 AM

the browser records webm natively, therefore we can process the video faster now! we need to process the video to fix seeking, but changing the format was unnecessary in hindsight

jonnyburger - 12/31/2024, 9:09:23 AM

thanks for the feedback both!

jonnyburger - 1/28/2025, 7:11:45 AM

sorry, indeed that was a mistake

our strategy is indeed to update everything except config, so we shouldn't have made this change there

gotta be more careful once we launch it to wider audience 😬

jonnyburger - 2/3/2025, 12:35:16 PM

<@1123626234899857452> yes! https://www.remotion.dev/docs/recorder/lambda-rendering

also make sure to upgrade, we made performance improvements for rendering by downscaling the videos a bit recently 🙂 https://www.remotion.dev/docs/recorder/upgrading

jonnyburger - 2/7/2025, 9:11:07 AM

no, all of remotion does not work well with livestreaming https://www.remotion.dev/docs/miscellaneous/live-streaming

jonnyburger - 3/14/2025, 2:36:25 PM

I've made some improvements to the recording interface (https://record.remotion.dev)

  • on chrome, we now record an MP4 to avoid lagging
  • you can now preview your recordings before having to decide whether to discard or save
  • fixed the "discard and retake" button to work correctly
  • you can now re-scan capture devices
  • you can now capture screens with audio <@225141342894948352>
  • device detection on firefox has been fixed

jonnyburger - 3/14/2025, 2:37:09 PM

among with many other improvements I made earlier this year, it should now really be bulletproof reliable. let me know if you see even the slightest problems

jonnyburger - 3/20/2025, 8:22:20 AM

<@186921024393183232> aha, it fails in your case because it throws a security error when trying to access the web file system API in a private window we need this to back up the recordings

handling this better now, and it should work if you are in a regular firefox window

https://github.com/remotion-dev/recorder/commit/3a5a20cb0adbd2e44d51b2382c26235aafda4d90

jonnyburger - 3/30/2025, 10:19:06 AM

I think so too! your disaster is what made me realize I need to improve on that

jonnyburger - 3/31/2025, 6:28:30 AM

<@1285056615971553356> I thought about whether this could be an alternative to screen studio in many regards yes, but to implement the cursor position animation feature, we would have to turn this into an electron app. we are not keen on on doing this as this brings a lot of development overhead. it's not planned to build a screen studio alternative as it is pretty good on it's own, but we are trying to make our own niche better which is to allow you the greatest amount of control by letting you edit the code

virgile5621 - 3/28/2025, 5:33:22 PM

missed this update. looks cool ! Reminds me of the time I recorded a 30 min video that crashed and the files were lost forever.

I believe this won't happen again with those fixes

Raw
technical-note.md

Technical Note on Remotion Recorder Issues

Problem Description

Users have encountered issues with the Remotion Recorder where either the microphone and camera do not request permission on certain Linux distributions, or the recording does not save webcam footage with audio on macOS M1 devices. Specifically, users report an error stating that the webcam file was not found.

Reasons

  1. Linux (Ubuntu, PopOS, Mint) Issue: Browsers did not prompt to allow microphone and camera access.
  2. macOS Issue: The recorded file was created without audio, and an error was thrown indicating that the webcam file was missing due to a potential misconfiguration or failure to handle recording files properly.

Solution

To resolve these issues, ensure the following steps are taken:

  1. Update Source Code: Users should regularly update the Remotion source code to the latest version to ensure all improvements and bug fixes are applied. Specific enhancements have been made for audio recording and file handling.

  2. Use a Regular Browser Session: To avoid security errors, particularly in Firefox, make sure recordings are attempted in a regular browser window instead of a private/incognito window.

  3. Improve Device Detection and Handling: Utilize updates that fix device detection issues on Firefox and other browsers. Always check for the option to re-scan capture devices within the Remotion Recorder interface.

  4. Test Compatibility with Different Browsers: For optimal performance, try using Chrome for recording if issues persist with Firefox, as improvements for MP4 recording have been integrated to reduce lagging.

By following these steps, users should experience successful recording functionality within the Remotion Recorder.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment