I have implemented the WebRTC in my angular project to record the video. And after the save we can send it to the attachment. This is working fine in windows OS properly, but in mac safari, the video is speed up and 30-sec video becomes 3 sec only. this occurs only in safari.

Here on start the video.

  mediaDevices.getUserMedia({ video: true, audio: true })
  .then(webcamStream => {
    this.webcamStream = webcamStream;
  })

The MediaRecorder code:

this.recorder = new MediaRecorder(this.webcamStream, {mimeType: 'video/mp4'});
this.recorder.onstart = () => 
    this.zone.run(() => {
      this.behaviorService.isRecording(true); 
    });
this.recorder.onstop = this.onRecorderStopped;
this.recorder.ondataavailable = (event) => 
    this.zone.run(() => { 
      this.data = [...this.data, event.data]; 
  }); 
this.recorder.start();

When video is stopped then it save in video/webm;codecs=h264 this mimeType. I have also tried with video/mp4 but it also not working

Can I get any solution that works in both OS?