W3cubDocs

/DOM

ReadableStreamDefaultController

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

The ReadableStreamDefaultController interface of the Streams API represents a controller allowing control of a ReadableStream's state and internal queue. Default controllers are for streams that are not byte streams.

Constructor

ReadableStreamDefaultController()
Creates and returns a ReadableStreamDefaultController() object instance.

Properties

ReadableStreamDefaultController.desiredSize
Returns the desired size required to fill the stream's internal queue.

Methods

ReadableStreamDefaultController.close()
Closes the associated stream.
ReadableStreamDefaultController.enqueue()
Enqueues a given chunk in the associated stream.
ReadableStreamDefaultController.error()
Causes any future interactions with the associated stream to error.

Examples

In the following simple example, a custom ReadableStream is created using a constructor (see our Simple random stream example for the full code). The start() function generates a random string of text every second and enqueues it into the stream. A cancel() function is also provided to stop the generation if ReadableStream.cancel() is called for any reason.

Note that a ReadableStreamDefaultController object is provided as the parameter of the start() and pull() functions.

When a button is pressed, the generation is stopped, the stream is closed using ReadableStreamDefaultController.close(), and another function is run, which reads the data back out of the stream.

const stream = new ReadableStream({
  start(controller) {
    interval = setInterval(() => {
      let string = randomChars();

      // Add the string to the stream
      controller.enqueue(string);

      // show it on the screen
      let listItem = document.createElement('li');
      listItem.textContent = string;
      list1.appendChild(listItem);
    }, 1000);

    button.addEventListener('click', function() {
      clearInterval(interval);
      fetchStream();
      controller.close();
    })
  },
  pull(controller) {
    // We don't really need a pull in this example
  },
  cancel() {
    // This is called if the reader cancels,
    // so we should stop generating strings
    clearInterval(interval);
  }
});

Specifications

Specification Status Comment
Streams
The definition of 'ReadableStreamDefaultController' in that specification.
Living Standard Initial definition

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 52 ? 57
Disabled
57
Disabled
Not yet enabled by default. See bug 1389628.
Disabled From version 57: this feature is behind the dom.streams.enabled preference (needs to be set to true) and the javascript.options.streams preference (needs to be set to true). To change preferences in Firefox, visit about:config.
? 39 ?
ReadableStreamDefaultController() constructor ? ? ? ? ? ?
close ? ? ? ? ? ?
desiredSize ? ? ? ? ? ?
enqueue ? ? ? ? ? ?
error ? ? ? ? ? ?
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support 52 52 ? 57
Disabled
57
Disabled
Not yet enabled by default. See bug 1389628.
Disabled From version 57: this feature is behind the dom.streams.enabled preference (needs to be set to true) and the javascript.options.streams preference (needs to be set to true). To change preferences in Firefox, visit about:config.
39 ? ?
ReadableStreamDefaultController() constructor ? ? ? ? ? ? ?
close ? ? ? ? ? ? ?
desiredSize ? ? ? ? ? ? ?
enqueue ? ? ? ? ? ? ?
error ? ? ? ? ? ? ?

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ReadableStreamDefaultController