search

muaz-khan / RecordRTC

RecordRTC is WebRTC JavaScript library for audio/video as well as screen activity recording. It supports Chrome, Firefox, Opera, Android, and Microsoft Edge. Platforms: Linux, Mac and Windows.
https://www.webrtc-experiment.com/RecordRTC/
MIT License
6.45k stars 1.75k forks source link

Video resolution issue, with MediaStreamRecorder #691

Open amber-m-o-r-e opened 3 years ago

amber-m-o-r-e commented 3 years ago

Hi,

I am using MediaStreamRecorder for recorderType in RecordRTC and passing combine video stream and audio stream. The recording does well but the video resolution is too low I have tried a couple of parameters but no luck. Can you please help me to improve the resolution of the video? I have tried WhammyRecorder instead of MediaStreamRecorder and gets great video resolution but no audio and ondataavailable event, so audio recording and ondataavailable is possible with WhammyRecorder anyway? I am instantiating RecordRTC with the following parameters-

recorder = RecordRTC(stream, { // audio, video, canvas, gif type: "video", mimeType: "video/webm", recorderType: MediaStreamRecorder, disableLogs: true, timeSlice: timeSliceTime, ondataavailable: handleVideoBlob, bitsPerSecond: 128000, audioBitsPerSecond: 128000, videoBitsPerSecond: 128000, frameInterval: 90, canvas: { width: 1920, height: 1080 } });

and getting video stream using the following parameters-

navigator.mediaDevices.getDisplayMedia({ video: { "aspectRatio": 1.7777777777777777, "deviceId": "screen:362:0", "frameRate": 60, "height": 1080, "resizeMode": "crop-and-scale", "width": 1920, "cursor": "always", "displaySurface": "monitor", "logicalSurface": true }, audio: true });

and getting the audio stream using the following parameters-

navigator.mediaDevices.getUserMedia({ audio: isEdge ? true : { echoCancellation: false } });

irinasavchenko commented 3 years ago

@amber-m-o-r-e were you able to resolve the problem? I have the same issue. When I record just video stream everything works fine. But if I try to record screen plus microphone the video resolution becomes very low

amber-m-o-r-e commented 3 years ago

@amber-m-o-r-e were you able to resolve the problem? I have the same issue. When I record just video stream everything works fine. But if I try to record screen plus microphone the video resolution becomes very low

Use MediaRecorder it doesn't degrade resolution- https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder

irinasavchenko commented 3 years ago

Thank you for your answer.

Пт, 30 окт. 2020 г. в 08:31, amber-m-o-r-e notifications@github.com:

@amber-m-o-r-e https://github.com/amber-m-o-r-e were you able to resolve the problem? I have the same issue. When I record just video stream everything works fine. But if I try to record screen plus microphone the video resolution becomes very low

Use MediaRecorder it doesn't degrade resolution- https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/muaz-khan/RecordRTC/issues/691#issuecomment-719279644, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACBTKOGB2XRMXLR7IUZR3M3SNJMTTANCNFSM4S5SVMCA .