We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS


The MediaRecorder.onpause event handler (part of the MediaRecorder API) handles the pause event, allowing you to run code in response to the media recording being paused.

The pause event is thrown as a result of the MediaRecorder.pause() method being invoked.


MediaRecorder.onpause = function(event) { ... }
MediaRecorder.addEventListener('pause', function(event) { ... })



  pause.onclick = function() {
    if(mediaRecorder.state === "recording") {
      // recording paused
    } else if(mediaRecorder.state === "paused") {
      // resume recording

  mediaRecorder.onpause = function() {
    // do something in response to
    // recording being paused

  mediaRecorder.onresume = function() {
    // do something in response to
    // recording being resumed





Specification Status Comment
MediaStream Recording
The definition of 'MediaRecorder.onpause' in that specification.
Working Draft Initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support471 ?25 ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? ? ?25 ? ? ?

1. From version 47: this feature is behind the Experimental Web Platform features preference (needs to be set to Enabled). To change preferences in Chrome, visit chrome://flags.

See also

Document Tags and Contributors

Last updated by: lucian95,