Fix AV-sync with React mp4-muxer based Video Recorder

Job ID: 37216234

Budget: $30 – $250 USD

I am looking for a skilled React developer who can fix bugs of a video and screen recorder with MP4 output format. The ideal candidate should have experience with mp4-muxer and be able to fix the issues using React.

The app is running here : https://videoo-capture-hk5ku2vhva-uc.a.run.app/

Here is what we have right now :
- A video and screen recorder using React
- Output n number of videos in MP4 format
- The recorder has 4K or HD capabilities for high-quality recordings wherever the input device supports.

Follow these steps to reproduce av sync issue :

Steps:
1. Start a webcam recording
2. Wait for 5 minutes
3. Start counting while recording yourself after 5 minutes of recording.
4. Stop the webcam recording
5. Download the video file.
6. Seek to the end of the video while you are counting.
7. You can see the av sync issue, when you count, it does not match the audio.
8. Use mplayer to check the length of audio and video stream, as they don't also match.

Requirements:
- Fix AV sync issues with React mp4-muxer based Video and Screen Recorder. (Make a recording more than one minute, you can see the issues with audio video syncronization)



Skills and Experience:
- Strong proficiency in React, including hooks and functional components
- Experience with mp4-muxer and video encoding
- Understanding of video encoding formats and codecs

If you have the necessary skills and experience, and can deliver a high-quality video and screen recorder using React, We can provide 250 USD for the person who is going to solve this issue.
Related categories: JavaScript HTML5 React.js Framework