![phoenix](https://d1a29h5kxv3oc2.cloudfront.net/dist/img/phoenix.81914efc7207f6a059bd10f5d3fd5f89.png)
I want sample react.js screen recording library example.
- or -
Post a project like this321
$10
- Posted:
- Proposals: 4
- Remote
- #4046878
- Awarded
Description
Experience Level: Entry
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.
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.
![PPH User P.](https://www.peopleperhour.com/imgs/default_avatar_light_70x70.png)
PPH User P.
100% (7)Projects Completed
3
Freelancers worked with
3
Projects awarded
33%
Last project
5 Oct 2023
Korea, Republic of
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies