Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Events: SourceBuffer/SourceBufferList #11176

Merged
merged 2 commits into from
Dec 13, 2021
Merged

Events: SourceBuffer/SourceBufferList #11176

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5d1a6f7
Events: SourceBuffer/SourceBufferList
Elchi3 Dec 13, 2021
8ab5401
Apply suggestions from code review
Elchi3 Dec 13, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 13 additions & 13 deletions files/en-us/web/api/sourcebuffer/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,19 +40,6 @@ The **`SourceBuffer`** interface represents a chunk of media to be passed into a
- {{domxref("SourceBuffer.videoTracks")}} {{readonlyInline}}
- : A list of the video tracks currently contained inside the `SourceBuffer`.

### Event handlers

- {{domxref("SourceBuffer.onabort")}}
- : Fired whenever {{domxref("SourceBuffer.appendBuffer()")}} or {{domxref("SourceBuffer.appendStream()")}} is ended by a call to {{domxref("SourceBuffer.abort()")}}. {{domxref("SourceBuffer.updating")}} changes from `true` to `false`.
- {{domxref("SourceBuffer.onerror")}}
- : Fired whenever an error occurs during {{domxref("SourceBuffer.appendBuffer()")}} or {{domxref("SourceBuffer.appendStream()")}}. {{domxref("SourceBuffer.updating")}} changes from `true` to `false`.
- {{domxref("SourceBuffer.onupdate")}}
- : Fired whenever {{domxref("SourceBuffer.appendBuffer()")}} method or the {{domxref("SourceBuffer.remove()")}} completes. {{domxref("SourceBuffer.updating")}} changes from `true` to `false`. This event is fired before `onupdateend`.
- {{domxref("SourceBuffer.onupdateend")}}
- : Fired whenever {{domxref("SourceBuffer.appendBuffer()")}} method or the {{domxref("SourceBuffer.remove()")}} has ended. This event is fired after `onupdate`.
- {{domxref("SourceBuffer.onupdatestart")}}
- : Fired whenever the value of {{domxref("SourceBuffer.updating")}} transitions from `false` to `true`.

## Methods

_Inherits methods from its parent interface, {{domxref("EventTarget")}}._
Expand All @@ -72,6 +59,19 @@ _Inherits methods from its parent interface, {{domxref("EventTarget")}}._
- {{domxref("SourceBuffer.removeAsync()")}} {{experimental_inline}}
- : Starts the process of asynchronously removing media segments in the specified range from the `SourceBuffer`. Returns a {{jsxref("Promise")}} which is fulfilled once all matching segments have been removed.

## Events

- {{domxref("SourceBuffer.abort_event", "abort")}}
- : Fired whenever {{domxref("SourceBuffer.appendBuffer()")}} or {{domxref("SourceBuffer.appendStream()")}} is ended by a call to {{domxref("SourceBuffer.abort()")}}. {{domxref("SourceBuffer.updating")}} changes from `true` to `false`.
- {{domxref("SourceBuffer.error_event", "error")}}
- : Fired whenever an error occurs during {{domxref("SourceBuffer.appendBuffer()")}} or {{domxref("SourceBuffer.appendStream()")}}. {{domxref("SourceBuffer.updating")}} changes from `true` to `false`.
- {{domxref("SourceBuffer.update_event", "update")}}
- : Fired whenever {{domxref("SourceBuffer.appendBuffer()")}} or {{domxref("SourceBuffer.remove()")}} completes. {{domxref("SourceBuffer.updating")}} changes from `true` to `false`. This event is fired before `updateend`.
- {{domxref("SourceBuffer.updateend_event", "updateend")}}
- : Fired after {{domxref("SourceBuffer.appendBuffer()")}} or {{domxref("SourceBuffer.remove()")}} ends. This event is fired after `update`.
- {{domxref("SourceBuffer.updatestart_event", "updatestart")}}
- : Fired whenever the value of {{domxref("SourceBuffer.updating")}} changes from `false` to `true`.

## Examples

The following simple example loads a video chunk by chunk as fast as possible, playing it as soon as it can. This example was written by Nick Desaulniers and can be [viewed live here](https://nickdesaulniers.github.io/netfix/demo/bufferAll.html) (you can also [download the source](https://github.com/nickdesaulniers/netfix/blob/gh-pages/demo/bufferAll.html) for further investigation.)
Expand Down
14 changes: 7 additions & 7 deletions files/en-us/web/api/sourcebufferlist/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,17 +28,17 @@ The individual source buffers can be accessed using the [array operator](/en-US/
- {{domxref("SourceBufferList.length")}} {{readonlyInline}}
- : Returns the number of {{domxref("SourceBuffer")}} objects in the list.

### Event handlers

- {{domxref("SourceBufferList.onaddsourcebuffer")}}
- : The event handler for the `addsourcebuffer` event.
- {{domxref("SourceBufferList.onremovesourcebuffer")}}
- : The event handler for the `removesourcebuffer` event.

## Methods

_Inherits methods from its parent interface, {{domxref("EventTarget")}}._

## Events

- {{domxref("SourceBufferList.addsourcebuffer_event", "addsourcebuffer")}}
- : Fired when a {{domxref("SourceBuffer")}} is added to the list.
- {{domxref("SourceBufferList.removesourcebuffer_event", "removesourcebuffer")}}
- : Fired when a {{domxref("SourceBuffer")}} is removed from the list.

## Examples

This example shows how to access the active source buffers of the {{domxref("MediaSource")}} connected to an already playing {{domxref("HTMLVideoElement")}}.
Expand Down