title: Inline Audio recorder that works on all browsers
body: <p>I need to integrate an inline audio recorder for a web app and went through following -</p>
  
  <ul>
  <li><a href="https://caniuse.com/#feat=mediarecorder" rel="nofollow noreferrer">MediaRecorder</a> </li>
  <li><a href="https://blog.addpipe.com/using-recorder-js-to-capture-wav-audio-in-your-html5-web-site/" rel="nofollow noreferrer">Recorder.js</a> </li>
  <li><a href="https://github.com/videojs" rel="nofollow noreferrer">Video.js</a></li>
  </ul>
  
  <p>I tested the above for Chrome, Firefox and Safari. None of the above solutions worked for Safari (version 12.1.1).</p>
  
  <p>I understand that Safari has been kind of late to the game but I also expected a <a href="https://github.com/ai/audio-recorder-polyfill" rel="nofollow noreferrer">polyfill</a> to work.</p>
  
  <p>Could someone suggest the best way out here?</p>