This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The removeAsync() method of the SourceBuffer interface starts the process of asynchronously removing from the SourceBuffer media segments found within a specific time range. A Promise is returned, which is fulfilled when the buffers in the specified time range have been removed.

This method can only be called when updating is false. If that's not the case, call abort() instead.


removePromise = sourceBuffer.removeAsync(start, end);


A double representing the start of the time range, in seconds.
A double representing the end of the time range, in seconds.

Return value

A Promise whose fulfillment handler is executed once the buffers in the specified time range have been removed from the SourceBuffer.


This example establishes an asynchronous function, emptySourceBuffer(), which simply clears the contents of the specified SourceBuffer.

async function emptySourceBuffer(msBuffer) {
  await msBuffer.removeAsync(0, Infinity).catch(function(e) {


Not currently part of the MSE specification.

Specification Status Comment
Media Source Extensions Recommendation Initial definition.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support No No621 No No No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support No Yes No621 No No ?

1. From version 62: this feature is behind the media.mediasource.experimental.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

See also

Document Tags and Contributors

Contributors to this page: Sheppy
Last updated by: Sheppy,