title: WebRTC & Chrome Vs Safari - How to make it work?
body: <p>I'm creating a simple web-based video recorder. I got everything working on Chrome and then to my horror, started getting <code>mimeType not supported</code> error on Safari. After debugging, it looks like the entire problem is about using the right configuration in this line -</p>
  <pre><code>// Works in Safari, but not in Chrome. Tested only once
  this.mediaRecorder = new MediaRecorder(window.stream, {mimeType:'video/mp4;codecs=avc1'});
  
  // Works in Chrome, but not in Safari.
  this.mediaRecorder = new MediaRecorder(window.stream, {mimeType:'video/webm;codecs=vp9,opus'});
  </code></pre>
  <p>I've tried including <code>adapterJS</code>, but the problem doesn't go away.</p>
  <p>The obvious choice here is to check the browser and then load the appropriate mimeType. However, I'm not sure if this will work across multiple platforms (Android, iOS, Windows, MacOS).</p>
  <p>Is there any way to fix this and make videos work fine across all the browsers? Would appreciate your guidance. Thank you for your time.</p>