The dataavailable
event is fired when the MediaRecorder delivers media data to your application for its use. The data is provided in a Blob
object that contains the data. This occurs in four situations:
- When the media stream ends, any media data not already delivered to your
ondataavailable
handler is passed in a singleBlob
. - When
MediaRecorder.stop()
is called, all media data which has been captured since recording began or the last time adataavailable
event occurred is delivered in aBlob
; after this, capturing ends. - When
MediaRecorder.requestData()
is called, all media data which has been captured since recording began or the last time adataavailable
event occurred is delivered; then a newBlob
is created and media capture continues into that blob. - If a
timeslice
property was passed into theMediaRecorder.start()
method that started media capture, adataavailable
event is fired everytimeslice
milliseconds. That means that each blob will have a specific time duration (except the last blob, which might be shorter, since it would be whatever is left over since the last event). So if the method call looked like this —recorder.start(1000);
— thedataavailable
event would fire after each second of media capture, and our event handler would be called every second with a blob of media data that's one second long. You can usetimeslice
alongsideMediaRecorder.stop()
andMediaRecorder.requestData()
to produce multiple same-length blobs plus other shorter blobs as well.
Note: The Blob
containing the media data is available in the dataavailable
event's data
property.