The MediaRecorder.state read-only property returns the current state of the current MediaRecorder object.
Syntax
var state = MediaRecorder.state
Values
A AnimationPlayState object containing one of the following values:
| Enumeration | Description |
|---|---|
inactive |
Recording is not occuring — it has either not been started yet, or it has been started and then stopped. |
recording |
Recording has been started and the UA is capturing data. |
paused |
Recording has been started, then paused, but not yet stopped or resumed. |
Example
...
record.onclick = function() {
mediaRecorder.start();
console.log(mediaRecorder.state);
// Will return "recording"
console.log("recorder started");
}
...
Specifications
| Specification | Status | Comment |
|---|---|---|
| MediaStream Recording The definition of 'MediaRecorder.state' in that specification. |
Working Draft | Initial definition |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
state | Chrome
Full support
49
| Edge Full support 79 | Firefox Full support 25 | IE No support No | Opera Full support 36 | Safari No support No | WebView Android
Full support
49
| Chrome Android
Full support
49
| Firefox Android Full support 25 | Opera Android Full support 36 | Safari iOS No support No | Samsung Internet Android Full support 5.0 |
Legend
- Full support
- Full support
- No support
- No support
- See implementation notes.
- See implementation notes.
See also
- Using the MediaRecorder API
- Web Dictaphone: MediaRecorder + getUserMedia + Web Audio API visualization demo, by Chris Mills (source on Github.)
- simpl.info MediaStream Recording demo, by Sam Dutton.
Navigator.getUserMedia