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.
ReadableStreamDefaultController()
ReadableStreamDefaultController()
object instance.ReadableStreamDefaultController.desiredSize
ReadableStreamDefaultController.close()
ReadableStreamDefaultController.enqueue()
ReadableStreamDefaultController.error()
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); } });
Specification | Status | Comment |
---|---|---|
Streams The definition of 'ReadableStreamDefaultController' in that specification. | Living Standard | Initial definition |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | 52 | ? | 57
|
? | 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
|
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