I am looking for a screen recording sample example program in react.js.
I also checked the source code below on github, but it didn't work. So I'm looking for new examples. https://github.com/ICODER32/ScreenRecorder.git
(↑ It seems that this project is forcibly converting only the name of the video file to .mp4 when the screen recording result is created as a webm file and downloading it. So, only part of the video appears or it is impossible to watch it from the middle. In other words, incomplete mp4 A file is created. For example, if there is a 1-minute video, I must watch it from 0:00 and cannot immediately watch it from the middle of 25 seconds.)
I've seen examples using other libraries, but I've had a hard time finding the source code for them. https://www.webrtc-experiment.com/RecordRTC/
I selected the "Microphone+Screen" option from the above site, then the "h264(mp4)" option, and clicked "Start Recording". Then I hit "stop recording", checked the result at the bottom, and hit the "save to disk" button. If you have example source code like this, please let me know. (mic + screen + mp4 + save + play...)
[Features I want] 1. Screen recording (monitor I'm looking at + voice) 2. Ability to select which file to export the result of screen recording to (webm or mp4 option available) 3. Display the result of screen recording as a preview on the screen 4. The result of screen recording can be downloaded
[condition] 1. You can use any library. (I just need to be able to download it with the npm install command.)
2. After uploading the result to GitHub without the node_modules folder, let us know the url. Then, after downloading the project, I will execute 'yarn(npm install)' → 'yarn start' command and check the result.