fbaiodias/react-video-recorder

iPhone 13/ iPhone 14 Safari Browser audio is playing in very low volume issue

kodali444 opened this issue · 0 comments

Hi Team,
I'm using this module in our application. That is working fine in the Android Mobiles, Windows & Ubuntu browsers(chrome & firefox). This video recording is working fine in the iPhone13/iPhone14 mobiles 'Chrome Browser' with good audio sound & Video.

But in the 'Safari' browser it's capturing audio volume in very low, even we speak loudly. I'm not sure how to debug this issue. When I discussed with my colleagues, they suggested, just check which mic source you are providing to to your videoRecorder from the available. basically in iPhone13 3 mics are there.
Reference Link
Do I need to pass any additional properties to this module, so I will come out from this problem. Thank in advance team.

                              <VideoRecorder
                                width="100%"
                                chunkSize={250}
                                constraints={{
                                  audio: true,
                                  video: true,
                                }}
                                countdownTime={3000}
                                dataAvailableTimeout={500}
                                timeLimit={
                                  question.time_limit
                                    ? question.time_limit
                                    : 30000
                                }
                                isFlipped={false}
                                isOnInitially
                                onRecordingComplete={async (videoBlob) => {
                                  console.log(
                                    "RECORDING COMPLETED...",
                                    videoBlob
                                  );
                                }}
                                onStartRecording={function noRefCheck() {
                                  console.log("Start recprding.........");
                                }}
                                onStopRecording={function noRefCheck() {
                                  console.log("Stop recprding.........");
                                }}
                                onStopReplaying={function noRefCheck() {
                                  console.log("Stop replaying.........");
                                }}
                                videoControlsList="nodownload"
                                disablepictureinpicture
                                t={() => ""}
                                wrapperClassName="myframe"
                              />