

On Edge the API is under consideration for implementation with 967 votes. On the other hand, WebKit is an open source project so anyone with mad skills can jump in and contribute. This issue on tracks the MediaRecorder API implementation in WebKit/Safari, if you need this API jumping in and leaving a comment will go a lot towards showing Apple developers we need this feature. The API has NOT been announced for Safari 12/iOS 12 due later this year. On Safari we might have to wait until Safari 13/iOS13. This gives you about 75% coverage on desktop (IE, Edge (non Chromium) and Safari do not support the standard) and 62% coverage on mobile (Safari on iOS does not support it). What’s not so cool is that on desktop computers it is only supported by:
#Html5 audio browser support how to#
We've also put together a better demo showing how to use the MediaStream Recorder API to record audio natively in the browser. You can cook up a working audio recorder in as little as 21 lines of HTML & JavaScript. What’s cool about the MediaStream Recorder API is that it is built-in browsers so your web app will not make any extra HTTP requests or spend time loading external JS libraries.Īnother win is the number of code lines needed to set up a recorder. We’re now going to take a look at native audio recording in the browser using the MediaStream Recorder API – a W3C standard.Īs of this writing the MediaStream Recorder API spec is in editor’s draft.


We’ve previously covered how to record pcm audio using the JavaScript based Recorder.js, pcm, mp3 and Vorbis using WebAudioRecorder.js and mp3 audio using the Web Assembly based vmsg recorder. This is the 4th post in our new recording audio in HTML5 series.
