CODEWITHSUNDEEP
macossafarivideo-recordingrecordrtc
Prashant Devs
Prashant Devs

Reputation: 65

RecordRTC - Playing recordings on Safari fails

I am using RecordRTC to allow my application user to record their video and upload. This works perfectly fine with Chrome and Mozila Firefox but Safari having trouble playing recorded videos. I research for the same and found mimeType: 'video/webm\;codecs=vp8' to be used for safari. However this still won't work on Safari browsers. (mac OS x and iOS)

Can someone please help me with this? I have multiple users working on different operating systems and working on different browsers and I want to make sure RecordRTC works for all of them.

I am open to change/ switch to any other alternative if available to implement this feature with cross-browser support of course.

I found Twilio but I am not sure whether Twilio supports standalone recordings or not? I mean I just want single user to go on a page record a video and upload.

Please see below my RecordRTC configuration if it helps:

const options = {
      type: 'video',
      mimeType: 'video/webm\;codecs=vp8',
      bitsPerSecond: 128000,
      timeSlice: 1000
    };

After user completes the recording, I am converting it to a blob and append it to the formData to save it to the server:

var recordedBlob: Blob = recordRTC.getBlob();
formData.append('files', recordedBlob, this.courseComponent?.courseComponent?.name + '.webm');

This recorded video plays fine in Chrome and Firefox but in Safari it Fails. Please if you can guide me through this it will be great help to me. Thanks.

Below are the console log snaps:

1.browser does not support media recorder api

browser does not support media recorder api

  1. when tried to play the recorded video

when tried to play the recorded video

  1. says browser does not support media recorder api and try using whammyRecorder

says browser does not support media recorder api and try using whammyRecorder

Upvotes: 1

Views: 782

Answers (0)

Related Questions