fix: support added to allow recording on iOS Safari (#119)

* fix: fixed issue of unable to stop recording in case of safari

 1. Added mimeType mp4 for Safari Browser Support
 2. Bypassed function for fixMetaData in case of Safari

* fix: updated to fix ios issue for video el

 Added playsInline attribute

* fix: updated to stream once video element is created

 Added change to test in ios mobile

* fix: updated the condition for ios mobile.
 Black screen appears when user tries to turn on camera

* fix: logger added to debug issue in ios

* fix: support added to allow recording on iOS Safari

 Changes:
 * we use window.MediaSource to check if inline recording is supported but that is not used anywhere in the code.
 * window.MediaSource is not supported in ios on safari as well
 * Updated the condition to check only if MediaRecorder and mediaDevices are supported to check for inline recording

src/video-recorder.js

@@ -164,15 +164,11 @@ export default class VideoRecorder extends Component {
 
   componentDidMount () {
     const isInlineRecordingSupported =
-      !!window.MediaSource && !!window.MediaRecorder && !!navigator.mediaDevices
+      !!window.MediaRecorder && !!navigator.mediaDevices
 
     const isVideoInputSupported =
       document.createElement('input').capture !== undefined
 
-    if (isInlineRecordingSupported) {
-      this.mediaSource = new window.MediaSource()
-    }
-
     this.setState(
       {
         isInlineRecordingSupported,