[pull] main from mdn:main

.github/workflows/auto-cleanup-bot.yml

@@ -20,7 +20,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           package-manager-cache: false

.github/workflows/interfacedata-updater.yml

@@ -23,7 +23,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup node.js
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: "mdn-content/.nvmrc"
           package-manager-cache: false

.github/workflows/markdown-lint.yml

@@ -24,7 +24,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm

.github/workflows/pr-check-lint_content.yml

@@ -108,7 +108,7 @@ jobs:
 
       - name: Setup Node.js environment
         if: steps.check.outputs.HAS_FILES == 'true'
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm

.github/workflows/pr-check_cspell_lists.yml

@@ -24,7 +24,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
 

.github/workflows/pr-check_javascript.yml

@@ -21,7 +21,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm

.github/workflows/pr-check_json.yml

@@ -21,7 +21,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm

.github/workflows/pr-check_redirects.yml

@@ -16,7 +16,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm

.github/workflows/pr-check_scripts.yml

@@ -21,7 +21,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm
@@ -42,7 +42,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm
@@ -85,7 +85,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm
@@ -106,7 +106,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm
@@ -131,7 +131,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm

.github/workflows/pr-check_url-issues.yml

@@ -20,7 +20,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm

.github/workflows/pr-check_yml.yml

@@ -21,7 +21,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm

.github/workflows/pr-review-companion.yml

@@ -117,7 +117,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup (mdn/content)
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         if: steps.check.outputs.HAS_ARTIFACT
         with:
           node-version-file: "content/.nvmrc"

.github/workflows/pr-test.yml

@@ -78,7 +78,7 @@ jobs:
 
       - name: Setup Node.js environment
         if: steps.check.outputs.HAS_FILES == 'true'
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           cache: npm

.github/workflows/spelling-check-bot.yml

@@ -23,7 +23,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           node-version-file: ".nvmrc"
           package-manager-cache: false

.github/workflows/test.yml

@@ -25,7 +25,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup Node
-        uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0
+        uses: actions/setup-node@53b83947a5a98c8d113130e565377fae1a50d02f # v6.3.0
         with:
           cache: npm
           node-version-file: .nvmrc

files/en-us/web/api/bufferedchangeevent/addedranges/index.md

@@ -0,0 +1,34 @@
+---
+title: "BufferedChangeEvent: addedRanges property"
+short-title: addedRanges
+slug: Web/API/BufferedChangeEvent/addedRanges
+page-type: web-api-instance-property
+browser-compat: api.BufferedChangeEvent.addedRanges
+---
+
+{{APIRef("Media Source Extensions")}}{{AvailableInWorkers("window_and_dedicated")}}
+
+The **`addedRanges`** read-only property of the {{domxref("BufferedChangeEvent")}} interface returns a {{domxref("TimeRanges")}} object representing the time ranges that were added to the associated {{domxref("ManagedSourceBuffer")}}. These are the ranges added between the last `updatestart` and `updateend` events, during the most recent run of the coded frame processing algorithm.
+
+## Value
+
+A {{domxref("TimeRanges")}} object.
+
+## Examples
+
+See the main {{domxref("BufferedChangeEvent")}} page for an example showing the use of `addedRanges`.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("BufferedChangeEvent.removedRanges")}}
+- {{domxref("ManagedSourceBuffer.bufferedchange_event", "bufferedchange")}} event
+- {{domxref("ManagedSourceBuffer")}}
+- {{domxref("TimeRanges")}}

files/en-us/web/api/bufferedchangeevent/bufferedchangeevent/index.md

@@ -0,0 +1,65 @@
+---
+title: "BufferedChangeEvent: BufferedChangeEvent() constructor"
+short-title: BufferedChangeEvent()
+slug: Web/API/BufferedChangeEvent/BufferedChangeEvent
+page-type: web-api-constructor
+browser-compat: api.BufferedChangeEvent.BufferedChangeEvent
+---
+
+{{APIRef("Media Source Extensions")}}{{AvailableInWorkers("window_and_dedicated")}}
+
+The **`BufferedChangeEvent()`** constructor of the {{domxref("BufferedChangeEvent")}} interface creates a new `BufferedChangeEvent` object instance.
+
+## Syntax
+
+```js-nolint
+new BufferedChangeEvent(type, options)
+```
+
+### Parameters
+
+- `type`
+  - : A string representing the type of event. In the case of `BufferedChangeEvent` this is always `bufferedchange`.
+- `options` {{optional_inline}}
+  - : An object that, _in addition to the properties defined in {{domxref("Event/Event", "Event()")}}_, has the following properties:
+
+    > [!NOTE]
+    > Although the spec marks `options` as optional, Safari (currently the only implementation) throws a `TypeError` if the argument is omitted entirely. Passing an empty object (`{}`) works correctly.
+    - `addedRanges` {{optional_inline}}
+      - : A {{domxref("TimeRanges")}} object representing the time ranges added to the buffer.
+    - `removedRanges` {{optional_inline}}
+      - : A {{domxref("TimeRanges")}} object representing the time ranges removed from the buffer.
+
+### Return value
+
+A new {{domxref("BufferedChangeEvent")}} object instance.
+
+## Examples
+
+### Inspecting a bufferedchange event
+
+The `BufferedChangeEvent()` constructor isn't generally called manually. When a {{domxref("ManagedSourceBuffer")}}'s `bufferedchange` event fires (meaning its buffered ranges change), the browser will construct a `BufferedChangeEvent` object to use as the event object.
+
+The event's properties describe what changed:
+
+```js
+sourceBuffer.addEventListener("bufferedchange", (event) => {
+  console.log(event instanceof BufferedChangeEvent); // true
+  console.log(event.type); // "bufferedchange"
+  console.log(event.addedRanges); // TimeRanges — ranges added to the buffer
+  console.log(event.removedRanges); // TimeRanges — ranges removed from the buffer
+});
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("ManagedSourceBuffer")}}
+- {{domxref("ManagedSourceBuffer.bufferedchange_event", "bufferedchange")}} event

files/en-us/web/api/bufferedchangeevent/index.md

@@ -0,0 +1,79 @@
+---
+title: BufferedChangeEvent
+slug: Web/API/BufferedChangeEvent
+page-type: web-api-interface
+browser-compat: api.BufferedChangeEvent
+---
+
+{{APIRef("Media Source Extensions")}}{{AvailableInWorkers("window_and_dedicated")}}
+
+The **`BufferedChangeEvent`** interface of the {{domxref("Media Source Extensions API", "Media Source Extensions API", "", "nocode")}} represents the event object for the {{domxref("ManagedSourceBuffer.bufferedchange_event", "bufferedchange")}} event fired on a {{domxref("ManagedSourceBuffer")}}. This event is fired whenever the buffered ranges of the `ManagedSourceBuffer` change, for example as a result of {{domxref("SourceBuffer.appendBuffer", "appendBuffer()")}}, {{domxref("SourceBuffer.remove", "remove()")}}, or {{domxref("MediaSource.endOfStream", "endOfStream()")}} calls, or when the user agent runs the memory cleanup algorithm.
+
+{{InheritanceDiagram}}
+
+## Constructor
+
+- {{domxref("BufferedChangeEvent.BufferedChangeEvent", "BufferedChangeEvent()")}}
+  - : Creates and returns a new `BufferedChangeEvent` object.
+
+## Instance properties
+
+_Also inherits properties from its parent interface, {{domxref("Event")}}._
+
+- {{domxref("BufferedChangeEvent.addedRanges")}} {{ReadOnlyInline}}
+  - : A {{domxref("TimeRanges")}} object representing the time ranges that were added to the {{domxref("ManagedSourceBuffer")}}'s buffer.
+- {{domxref("BufferedChangeEvent.removedRanges")}} {{ReadOnlyInline}}
+  - : A {{domxref("TimeRanges")}} object representing the time ranges that were removed from the {{domxref("ManagedSourceBuffer")}}'s buffer.
+
+## Examples
+
+### Handling buffered range changes
+
+This example creates a {{domxref("ManagedMediaSource")}}, attaches it to a {{htmlelement("video")}} element, fetches a fragmented MP4 file, and listens for the `bufferedchange` event. When the event fires, it logs the added time ranges.
+
+```js
+const videoUrl =
+  "https://mdn.github.io/shared-assets/videos/flower-fragmented.mp4";
+const mediaType = 'video/mp4; codecs="avc1.64001F, mp4a.40.2"';
+
+if (ManagedMediaSource.isTypeSupported(mediaType)) {
+  const video = document.createElement("video");
+  const source = new ManagedMediaSource();
+
+  video.controls = true;
+  video.disableRemotePlayback = true;
+  video.src = URL.createObjectURL(source);
+  document.body.appendChild(video);
+
+  source.addEventListener("sourceopen", async () => {
+    const sourceBuffer = source.addSourceBuffer(mediaType);
+
+    sourceBuffer.addEventListener("bufferedchange", (event) => {
+      for (let i = 0; i < event.addedRanges.length; i++) {
+        console.log(
+          `Added range: ${event.addedRanges.start(i)} - ${event.addedRanges.end(i)}`,
+        );
+      }
+    });
+
+    const response = await fetch(videoUrl);
+    const data = await response.arrayBuffer();
+    sourceBuffer.appendBuffer(data);
+  });
+}
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("ManagedMediaSource")}}
+- {{domxref("ManagedSourceBuffer")}}
+- {{domxref("MediaSource")}}
+- {{domxref("SourceBuffer")}}