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

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 47[2] 25.0 (25.0) No support No support No support
Feature Android Android Webview Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support No support No support 25.0 (25.0) 1.3[1] No support No support No support No support

[1] The intial Firefox OS implementation only supported audio recording.

[2] To try this feature on Chrome, enable Experimental Web Platform features from chrome://flags . Currently only video is supported, not audio.

See also


© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.