From 39a2624b75b0bd31067f2656d7f548bf98bde2f2 Mon Sep 17 00:00:00 2001
From: Dan Sanders <sandersd@google.com>
Date: Thu, 31 Oct 2024 19:08:58 +0000
Subject: [PATCH] Merge pull request #840 from w3c/videoframe-orientation

SHA: 3d99c2bef2d21d39d4ba1dabd8ea45aa698bc875
Reason: push, by sandersdan

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 index.html | 440 ++++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 302 insertions(+), 138 deletions(-)

diff --git a/index.html b/index.html
index 07870bfe..5c22e9f7 100644
--- a/index.html
+++ b/index.html
@@ -5,9 +5,9 @@
   <title>WebCodecs</title>
   <meta content="ED" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel="stylesheet">
-  <meta content="Bikeshed version 6270e4735, updated Tue Aug 6 12:12:30 2024 -0700" name="generator">
+  <meta content="Bikeshed version 9e4e5f0f6, updated Mon Oct 28 14:51:59 2024 -0700" name="generator">
   <link href="https://www.w3.org/TR/webcodecs/" rel="canonical">
-  <meta content="a2770c19f7eadb282c7123e6841830cd1b6c008d" name="revision">
+  <meta content="3d99c2bef2d21d39d4ba1dabd8ea45aa698bc875" name="revision">
   <meta content="dark light" name="color-scheme">
   <link href="https://www.w3.org/StyleSheets/TR/2021/dark.css" media="(prefers-color-scheme: dark)" rel="stylesheet" type="text/css">
 <style>
@@ -719,7 +719,7 @@
   <div class="head">
    <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">WebCodecs</h1>
-   <p id="w3c-state"><a href="https://www.w3.org/standards/types#ED">Editor’s Draft</a>, <time class="dt-updated" datetime="2024-10-08">8 October 2024</time></p>
+   <p id="w3c-state"><a href="https://www.w3.org/standards/types/#ED">Editor’s Draft</a>, <time class="dt-updated" datetime="2024-10-31">31 October 2024</time></p>
    <details open>
     <summary>More details about this document</summary>
     <div data-fill-with="spec-metadata">
@@ -4398,6 +4398,8 @@ <h3 class="heading settled" data-level="9.4" id="videoframe-interface"><span cla
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑤②"><c- b>unsigned</c-> <c- b>long</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="unsigned long" href="#dom-videoframe-codedheight" id="ref-for-dom-videoframe-codedheight"><c- g>codedHeight</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a data-link-type="idl-name" href="https://drafts.fxtf.org/geometry-1/#domrectreadonly" id="ref-for-domrectreadonly"><c- n>DOMRectReadOnly</c-></a>? <a class="idl-code" data-link-type="attribute" data-readonly data-type="DOMRectReadOnly?" href="#dom-videoframe-codedrect" id="ref-for-dom-videoframe-codedrect"><c- g>codedRect</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a data-link-type="idl-name" href="https://drafts.fxtf.org/geometry-1/#domrectreadonly" id="ref-for-domrectreadonly①"><c- n>DOMRectReadOnly</c-></a>? <a class="idl-code" data-link-type="attribute" data-readonly data-type="DOMRectReadOnly?" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect"><c- g>visibleRect</c-></a>;
+  <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-double" id="ref-for-idl-double②"><c- b>double</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="double" href="#dom-videoframe-rotation" id="ref-for-dom-videoframe-rotation"><c- g>rotation</c-></a>;
+  <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①②"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="boolean" href="#dom-videoframe-flip" id="ref-for-dom-videoframe-flip"><c- g>flip</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑤③"><c- b>unsigned</c-> <c- b>long</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="unsigned long" href="#dom-videoframe-displaywidth" id="ref-for-dom-videoframe-displaywidth①"><c- g>displayWidth</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑤④"><c- b>unsigned</c-> <c- b>long</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="unsigned long" href="#dom-videoframe-displayheight" id="ref-for-dom-videoframe-displayheight①"><c- g>displayHeight</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long-long" id="ref-for-idl-unsigned-long-long①②"><c- b>unsigned</c-> <c- b>long</c-> <c- b>long</c-></a>? <a class="idl-code" data-link-type="attribute" data-readonly data-type="unsigned long long?" href="#dom-videoframe-duration" id="ref-for-dom-videoframe-duration"><c- g>duration</c-></a>;  // microseconds
@@ -4425,6 +4427,9 @@ <h3 class="heading settled" data-level="9.4" id="videoframe-interface"><span cla
   // aspect ratio unless an explicit displayWidth and displayHeight are given.
   <a data-link-type="idl-name" href="https://drafts.fxtf.org/geometry-1/#dictdef-domrectinit" id="ref-for-dictdef-domrectinit"><c- n>DOMRectInit</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrameInit" data-dfn-type="dict-member" data-export data-type="DOMRectInit" id="dom-videoframeinit-visiblerect"><code><c- g>visibleRect</c-></code></dfn>;
 
+  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-double" id="ref-for-idl-double③"><c- b>double</c-></a> <dfn class="dfn-paneled idl-code" data-default="0" data-dfn-for="VideoFrameInit" data-dfn-type="dict-member" data-export data-type="double" id="dom-videoframeinit-rotation"><code><c- g>rotation</c-></code></dfn> = 0;
+  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①③"><c- b>boolean</c-></a> <dfn class="dfn-paneled idl-code" data-default="false" data-dfn-for="VideoFrameInit" data-dfn-type="dict-member" data-export data-type="boolean" id="dom-videoframeinit-flip"><code><c- g>flip</c-></code></dfn> = <c- b>false</c->;
+
   // Default matches image unless visibleRect is provided.
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#EnforceRange" id="ref-for-EnforceRange②④"><c- g>EnforceRange</c-></a>] <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑤⑥"><c- b>unsigned</c-> <c- b>long</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrameInit" data-dfn-type="dict-member" data-export data-type="unsigned long" id="dom-videoframeinit-displaywidth"><code><c- g>displayWidth</c-></code></dfn>;
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#EnforceRange" id="ref-for-EnforceRange②⑤"><c- g>EnforceRange</c-></a>] <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑤⑦"><c- b>unsigned</c-> <c- b>long</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrameInit" data-dfn-type="dict-member" data-export data-type="unsigned long" id="dom-videoframeinit-displayheight"><code><c- g>displayHeight</c-></code></dfn>;
@@ -4445,6 +4450,9 @@ <h3 class="heading settled" data-level="9.4" id="videoframe-interface"><span cla
   // Default visible rect is coded size positioned at (0,0)
   <a data-link-type="idl-name" href="https://drafts.fxtf.org/geometry-1/#dictdef-domrectinit" id="ref-for-dictdef-domrectinit①"><c- n>DOMRectInit</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrameBufferInit" data-dfn-type="dict-member" data-export data-type="DOMRectInit" id="dom-videoframebufferinit-visiblerect"><code><c- g>visibleRect</c-></code></dfn>;
 
+  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-double" id="ref-for-idl-double④"><c- b>double</c-></a> <dfn class="dfn-paneled idl-code" data-default="0" data-dfn-for="VideoFrameBufferInit" data-dfn-type="dict-member" data-export data-type="double" id="dom-videoframebufferinit-rotation"><code><c- g>rotation</c-></code></dfn> = 0;
+  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①④"><c- b>boolean</c-></a> <dfn class="dfn-paneled idl-code" data-default="false" data-dfn-for="VideoFrameBufferInit" data-dfn-type="dict-member" data-export data-type="boolean" id="dom-videoframebufferinit-flip"><code><c- g>flip</c-></code></dfn> = <c- b>false</c->;
+
   // Default display dimensions match visibleRect.
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#EnforceRange" id="ref-for-EnforceRange③⓪"><c- g>EnforceRange</c-></a>] <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑥⓪"><c- b>unsigned</c-> <c- b>long</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrameBufferInit" data-dfn-type="dict-member" data-export data-type="unsigned long" id="dom-videoframebufferinit-displaywidth"><code><c- g>displayWidth</c-></code></dfn>;
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#EnforceRange" id="ref-for-EnforceRange③①"><c- g>EnforceRange</c-></a>] <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑥①"><c- b>unsigned</c-> <c- b>long</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrameBufferInit" data-dfn-type="dict-member" data-export data-type="unsigned long" id="dom-videoframebufferinit-displayheight"><code><c- g>displayHeight</c-></code></dfn>;
@@ -4490,22 +4498,30 @@ <h4 class="heading settled" data-level="9.4.1" id="videoframe-internal-slots"><s
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-visible-height-slot"><code>[[visible height]]</code></dfn>
     <dd data-md>
      <p>The height of pixels to include in visible rectangle, starting from <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-top-slot" id="ref-for-dom-videoframe-visible-top-slot">[[visible top]]</a></code>.</p>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-rotation-slot"><code>[[rotation]]</code></dfn>
+    <dd data-md>
+     <p>The rotation to applied to the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③②">VideoFrame</a></code> when rendered, in degrees
+clockwise. Rotation applies before flip.</p>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-flip-slot"><code>[[flip]]</code></dfn>
+    <dd data-md>
+     <p>Whether a horizontal flip is applied to the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③③">VideoFrame</a></code> when rendered.
+Flip is applied after rotation.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-display-width-slot"><code>[[display width]]</code></dfn>
     <dd data-md>
-     <p>Width of the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③②">VideoFrame</a></code> when displayed after applying aspect ratio
+     <p>Width of the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③④">VideoFrame</a></code> when displayed after applying aspect ratio
 adjustments.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-display-height-slot"><code>[[display height]]</code></dfn>
     <dd data-md>
-     <p>Height of the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③③">VideoFrame</a></code> when displayed after applying aspect ratio
+     <p>Height of the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③⑤">VideoFrame</a></code> when displayed after applying aspect ratio
 adjustments.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-duration-slot"><code>[[duration]]</code></dfn>
     <dd data-md>
      <p>The presentation duration, given in microseconds. The duration is copied
-    from the <code class="idl"><a data-link-type="idl" href="#encodedvideochunk" id="ref-for-encodedvideochunk②③">EncodedVideoChunk</a></code> corresponding to this <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③④">VideoFrame</a></code>.</p>
+    from the <code class="idl"><a data-link-type="idl" href="#encodedvideochunk" id="ref-for-encodedvideochunk②③">EncodedVideoChunk</a></code> corresponding to this <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③⑥">VideoFrame</a></code>.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-timestamp-slot"><code>[[timestamp]]</code></dfn>
     <dd data-md>
      <p>The presentation timestamp, given in microseconds. The timestamp is copied
-from the <code class="idl"><a data-link-type="idl" href="#encodedvideochunk" id="ref-for-encodedvideochunk②④">EncodedVideoChunk</a></code> corresponding to this <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③⑤">VideoFrame</a></code>.</p>
+from the <code class="idl"><a data-link-type="idl" href="#encodedvideochunk" id="ref-for-encodedvideochunk②④">EncodedVideoChunk</a></code> corresponding to this <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③⑦">VideoFrame</a></code>.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-color-space-slot"><code>[[color space]]</code></dfn>
     <dd data-md>
      <p>The <code class="idl"><a data-link-type="idl" href="#videocolorspace" id="ref-for-videocolorspace⑧">VideoColorSpace</a></code> associated with this frame.</p>
@@ -4524,12 +4540,12 @@ <h4 class="heading settled" data-level="9.4.2" id="videoframe-constructors"><spa
     <li data-md>
      <p>If <var>image</var> <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/canvas.html#the-image-argument-is-not-origin-clean" id="ref-for-the-image-argument-is-not-origin-clean">is not origin-clean</a>, then throw a <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#securityerror" id="ref-for-securityerror">SecurityError</a></code> <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#idl-DOMException" id="ref-for-idl-DOMException③⓪">DOMException</a></code>.</p>
     <li data-md>
-     <p>Let <var>frame</var> be a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③⑥">VideoFrame</a></code>.</p>
+     <p>Let <var>frame</var> be a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③⑧">VideoFrame</a></code>.</p>
     <li data-md>
      <p>Switch on <var>image</var>:</p>
      <p class="note" role="note"><span class="marker">NOTE:</span> Authors are encouraged to provide a meaningful timestamp unless it is
     implicitly provided by the <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/canvas.html#canvasimagesource" id="ref-for-canvasimagesource③">CanvasImageSource</a></code> at construction.
-    Interfaces that consume <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③⑦">VideoFrame</a></code>s can rely on this value for
+    Interfaces that consume <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③⑨">VideoFrame</a></code>s can rely on this value for
     timing decisions. For example, <code class="idl"><a data-link-type="idl" href="#videoencoder" id="ref-for-videoencoder④">VideoEncoder</a></code> can use <code class="idl"><a data-link-type="idl" href="#dom-videoframe-timestamp" id="ref-for-dom-videoframe-timestamp②">timestamp</a></code> values to guide rate control (see <code class="idl"><a data-link-type="idl" href="#dom-videoencoderconfig-framerate" id="ref-for-dom-videoencoderconfig-framerate⑥">framerate</a></code>).</p>
      <ul>
       <li data-md>
@@ -4548,9 +4564,14 @@ <h4 class="heading settled" data-level="9.4.2" id="videoframe-constructors"><spa
 to be used when animation is not supported or is disabled), or, if
 there is no such image, the first frame of the animation.</p>
         <li data-md>
-         <p>Let <var>width</var> and <var>height</var> be the <a data-link-type="dfn" href="https://drafts.csswg.org/css-images-3/#natural-width" id="ref-for-natural-width">natural width</a> and <a data-link-type="dfn" href="https://drafts.csswg.org/css-images-3/#natural-height" id="ref-for-natural-height">natural height</a> of <var>image</var>.</p>
+         <p>Let <var>codedWidth</var> and <var>codedHeight</var> be the width and height of <var>resource</var>.</p>
+        <li data-md>
+         <p>Let <var>baseRotation</var> and <var>baseFlip</var> describe the rotation and flip of <var>image</var> relative to <var>resource</var>.</p>
         <li data-md>
-         <p>Run the <a data-link-type="dfn" href="#videoframe-initialize-frame-with-resource-and-size" id="ref-for-videoframe-initialize-frame-with-resource-and-size">Initialize Frame With Resource and Size</a> algorithm with <var>init</var>, <var>frame</var>, <var>resource</var>, <var>width</var>, and <var>height</var></p>
+         <p>Let <var>defaultDisplayWidth</var> and <var>defaultDisplayHeight</var> be the <a data-link-type="dfn" href="https://drafts.csswg.org/css-images-3/#natural-width" id="ref-for-natural-width">natural width</a> and <a data-link-type="dfn" href="https://drafts.csswg.org/css-images-3/#natural-height" id="ref-for-natural-height">natural height</a> of <var>image</var>.</p>
+        <li data-md>
+         <p>Run the <a data-link-type="dfn" href="#videoframe-initialize-frame-with-resource" id="ref-for-videoframe-initialize-frame-with-resource">Initialize Frame With Resource</a> algorithm with <var>init</var>, <var>frame</var>, <var>resource</var>, <var>codedWidth</var>, <var>codedHeight</var>, <var>baseRotation</var>, <var>baseFlip</var>, <var>defaultDisplayWidth</var>,
+and <var>defaultDisplayHeight</var>.</p>
        </ol>
       <li data-md>
        <p><code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/media.html#htmlvideoelement" id="ref-for-htmlvideoelement">HTMLVideoElement</a></code></p>
@@ -4558,7 +4579,7 @@ <h4 class="heading settled" data-level="9.4.2" id="videoframe-constructors"><spa
         <li data-md>
          <p>If <var>image</var>’s <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/media.html#dom-media-networkstate" id="ref-for-dom-media-networkstate">networkState</a></code> attribute is <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/media.html#dom-media-network_empty" id="ref-for-dom-media-network_empty">NETWORK_EMPTY</a></code>, then throw an <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#invalidstateerror" id="ref-for-invalidstateerror②①">InvalidStateError</a></code> <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#idl-DOMException" id="ref-for-idl-DOMException③②">DOMException</a></code>.</p>
         <li data-md>
-         <p>Let <var>currentPlaybackFrame</var> be the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③⑧">VideoFrame</a></code> at the <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/media.html#current-playback-position" id="ref-for-current-playback-position">current
+         <p>Let <var>currentPlaybackFrame</var> be the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⓪">VideoFrame</a></code> at the <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/media.html#current-playback-position" id="ref-for-current-playback-position">current
 playback position</a>.</p>
         <li data-md>
          <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-metadata" id="ref-for-dom-videoframeinit-metadata">metadata</a></code> does not <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists⑨">exist</a> in <var>init</var>,
@@ -4583,10 +4604,10 @@ <h4 class="heading settled" data-level="9.4.2" id="videoframe-constructors"><spa
         <li data-md>
          <p>Let <var>width</var> be <code>image.width</code> and <var>height</var> be <code>image.height</code>.</p>
         <li data-md>
-         <p>Run the <a data-link-type="dfn" href="#videoframe-initialize-frame-with-resource-and-size" id="ref-for-videoframe-initialize-frame-with-resource-and-size①">Initialize Frame With Resource and Size</a> algorithm with <var>init</var>, <var>frame</var>, <var>resource</var>, <var>width</var>, and <var>height</var>.</p>
+         <p>Run the <a data-link-type="dfn" href="#videoframe-initialize-frame-with-resource" id="ref-for-videoframe-initialize-frame-with-resource①">Initialize Frame With Resource</a> algorithm with <var>init</var>, <var>frame</var>, <var>resource</var>, <var>width</var>, <var>height</var>, <code>0</code>, <code>false</code>, <var>width</var>, and <var>height</var>.</p>
        </ol>
       <li data-md>
-       <p><code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe③⑨">VideoFrame</a></code></p>
+       <p><code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④①">VideoFrame</a></code></p>
        <ol>
         <li data-md>
          <p>Run the <a data-link-type="dfn" href="#videoframe-initialize-frame-from-other-frame" id="ref-for-videoframe-initialize-frame-from-other-frame①">Initialize Frame From Other Frame</a> algorithm
@@ -4671,7 +4692,7 @@ <h4 class="heading settled" data-level="9.4.2" id="videoframe-constructors"><spa
   possibly diagrams) for coded size, visible rectangle, and display size.
   See <a href="https://github.com/w3c/webcodecs/issues/166">#166</a>.</p>
     <li data-md>
-     <p>Let <var>frame</var> be a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⓪">VideoFrame</a></code> object initialized as follows:</p>
+     <p>Let <var>frame</var> be a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④②">VideoFrame</a></code> object initialized as follows:</p>
      <ol>
       <li data-md>
        <p>Assign <var>resourceCodedWidth</var>, <var>resourceCodedHeight</var>, <var>resourceVisibleLeft</var>, and <var>resourceVisibleTop</var> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-width-slot" id="ref-for-dom-videoframe-coded-width-slot">[[coded width]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-height-slot" id="ref-for-dom-videoframe-coded-height-slot">[[coded height]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-left-slot" id="ref-for-dom-videoframe-visible-left-slot①">[[visible left]]</a></code>, and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-top-slot" id="ref-for-dom-videoframe-visible-top-slot①">[[visible top]]</a></code> respectively.</p>
@@ -4698,17 +4719,39 @@ <h4 class="heading settled" data-level="9.4.2" id="videoframe-constructors"><spa
          <p>Assign <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-height-slot" id="ref-for-dom-videoframe-coded-height-slot①">[[coded height]]</a></code> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot②">[[visible height]]</a></code>.</p>
        </ol>
       <li data-md>
-       <p>If <var>init</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-displaywidth" id="ref-for-dom-videoframebufferinit-displaywidth">displayWidth</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①④">exists</a>, assign
-it to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot">[[display width]]</a></code>. Otherwise, assign <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot③">[[visible width]]</a></code> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot①">[[display width]]</a></code>.</p>
+       <p>Assign the result of running the <a data-link-type="dfn" href="#videoframe-parse-rotation" id="ref-for-videoframe-parse-rotation">Parse Rotation</a> algorithm,
+with <var>init</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-rotation" id="ref-for-dom-videoframebufferinit-rotation">rotation</a></code>, to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-rotation-slot" id="ref-for-dom-videoframe-rotation-slot">[[rotation]]</a></code>.</p>
+      <li data-md>
+       <p>Assign <var>init</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-flip" id="ref-for-dom-videoframebufferinit-flip">flip</a></code> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-flip-slot" id="ref-for-dom-videoframe-flip-slot">[[flip]]</a></code>.</p>
       <li data-md>
-       <p>If <var>init</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-displayheight" id="ref-for-dom-videoframebufferinit-displayheight">displayHeight</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①⑤">exists</a>, assign
-it to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot">[[display height]]</a></code>. Otherwise, assign <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot③">[[visible height]]</a></code> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot①">[[display height]]</a></code>.</p>
+       <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-displaywidth" id="ref-for-dom-videoframebufferinit-displaywidth">displayWidth</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-displayheight" id="ref-for-dom-videoframebufferinit-displayheight">displayHeight</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①④">exist</a> in <var>init</var>, assign
+them to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot">[[display width]]</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot">[[display height]]</a></code> respectively.</p>
+      <li data-md>
+       <p>Otherwise:</p>
+       <ol>
+        <li data-md>
+         <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframe-rotation-slot" id="ref-for-dom-videoframe-rotation-slot①">[[rotation]]</a></code> is equal to <code>0</code> or <code>180</code>:</p>
+         <ol>
+          <li data-md>
+           <p>Assign <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot③">[[visible width]]</a></code> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot①">[[display width]]</a></code>.</p>
+          <li data-md>
+           <p>Assign <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot③">[[visible height]]</a></code> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot①">[[display height]]</a></code>.</p>
+         </ol>
+        <li data-md>
+         <p>Otherwise:</p>
+         <ol>
+          <li data-md>
+           <p>Assign <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot④">[[visible height]]</a></code> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot②">[[display width]]</a></code>.</p>
+          <li data-md>
+           <p>Assign <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot④">[[visible width]]</a></code> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot②">[[display height]]</a></code>.</p>
+         </ol>
+       </ol>
       <li data-md>
        <p>Assign <var>init</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-timestamp" id="ref-for-dom-videoframebufferinit-timestamp">timestamp</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-duration" id="ref-for-dom-videoframebufferinit-duration">duration</a></code> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-timestamp-slot" id="ref-for-dom-videoframe-timestamp-slot①">[[timestamp]]</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-duration-slot" id="ref-for-dom-videoframe-duration-slot①">[[duration]]</a></code> respectively.</p>
       <li data-md>
        <p>Let <var>colorSpace</var> be <code>undefined</code>.</p>
       <li data-md>
-       <p>If <var>init</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-colorspace" id="ref-for-dom-videoframebufferinit-colorspace">colorSpace</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①⑥">exists</a>, assign its
+       <p>If <var>init</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-colorspace" id="ref-for-dom-videoframebufferinit-colorspace">colorSpace</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①⑤">exists</a>, assign its
 value to <var>colorSpace</var>.</p>
       <li data-md>
        <p>Assign <var>init</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-format" id="ref-for-dom-videoframebufferinit-format②">format</a></code> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-format-slot" id="ref-for-dom-videoframe-format-slot①">[[format]]</a></code>.</p>
@@ -4730,12 +4773,12 @@ <h4 class="heading settled" data-level="9.4.3" id="videoframe-attributes"><span
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-videoframe-format" id="ref-for-dom-videoframe-format①">format</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-videoframe-format-slot" id="ref-for-dom-videoframe-format-slot③">[[format]]</a></code>.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-codedwidth"><code>codedWidth</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑥②">unsigned long</a>, readonly</span>
     <dd data-md>
-     <p>Width of the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④①">VideoFrame</a></code> in pixels, potentially including non-visible
+     <p>Width of the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④③">VideoFrame</a></code> in pixels, potentially including non-visible
 padding, and prior to considering potential ratio adjustments.</p>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth②">codedWidth</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-width-slot" id="ref-for-dom-videoframe-coded-width-slot②">[[coded width]]</a></code>.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-codedheight"><code>codedHeight</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑥③">unsigned long</a>, readonly</span>
     <dd data-md>
-     <p>Height of the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④②">VideoFrame</a></code> in pixels, potentially including non-visible
+     <p>Height of the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④④">VideoFrame</a></code> in pixels, potentially including non-visible
 padding, and prior to considering potential ratio adjustments.</p>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedheight" id="ref-for-dom-videoframe-codedheight②">codedHeight</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-height-slot" id="ref-for-dom-videoframe-coded-height-slot②">[[coded height]]</a></code>.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-codedrect"><code>codedRect</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://drafts.fxtf.org/geometry-1/#domrectreadonly" id="ref-for-domrectreadonly②">DOMRectReadOnly</a>, readonly, nullable</span>
@@ -4758,7 +4801,7 @@ <h4 class="heading settled" data-level="9.4.3" id="videoframe-attributes"><span
      </ol>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-visiblerect"><code>visibleRect</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://drafts.fxtf.org/geometry-1/#domrectreadonly" id="ref-for-domrectreadonly⑤">DOMRectReadOnly</a>, readonly, nullable</span>
     <dd data-md>
-     <p>A <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#domrectreadonly" id="ref-for-domrectreadonly⑥">DOMRectReadOnly</a></code> describing the visible rectangle of pixels for this <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④③">VideoFrame</a></code>.</p>
+     <p>A <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#domrectreadonly" id="ref-for-domrectreadonly⑥">DOMRectReadOnly</a></code> describing the visible rectangle of pixels for this <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⑤">VideoFrame</a></code>.</p>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②">visibleRect</a></code> getter steps are:</p>
      <ol>
       <li data-md>
@@ -4767,27 +4810,37 @@ <h4 class="heading settled" data-level="9.4.3" id="videoframe-attributes"><span
        <p>Let <var>rect</var> be a new <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#domrectreadonly" id="ref-for-domrectreadonly⑦">DOMRectReadOnly</a></code>, initialized as follows:</p>
        <ol>
         <li data-md>
-         <p>Assign <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-left-slot" id="ref-for-dom-videoframe-visible-left-slot②">[[visible left]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-top-slot" id="ref-for-dom-videoframe-visible-top-slot②">[[visible top]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot④">[[visible width]]</a></code>,
-and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot④">[[visible height]]</a></code> to <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectreadonly-x" id="ref-for-dom-domrectreadonly-x②">x</a></code>, <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectreadonly-y" id="ref-for-dom-domrectreadonly-y②">y</a></code>, <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectreadonly-width" id="ref-for-dom-domrectreadonly-width②">width</a></code>, and <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectreadonly-height" id="ref-for-dom-domrectreadonly-height②">height</a></code> respectively.</p>
+         <p>Assign <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-left-slot" id="ref-for-dom-videoframe-visible-left-slot②">[[visible left]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-top-slot" id="ref-for-dom-videoframe-visible-top-slot②">[[visible top]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot⑤">[[visible width]]</a></code>,
+and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot⑤">[[visible height]]</a></code> to <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectreadonly-x" id="ref-for-dom-domrectreadonly-x②">x</a></code>, <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectreadonly-y" id="ref-for-dom-domrectreadonly-y②">y</a></code>, <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectreadonly-width" id="ref-for-dom-domrectreadonly-width②">width</a></code>, and <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectreadonly-height" id="ref-for-dom-domrectreadonly-height②">height</a></code> respectively.</p>
        </ol>
       <li data-md>
        <p>Return <var>rect</var>.</p>
      </ol>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-rotation"><code>rotation</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-double" id="ref-for-idl-double⑤">double</a>, readonly</span>
+    <dd data-md>
+     <p>The rotation to applied to the VideoFrame when rendered, in degrees
+clockwise. Rotation applies before flip.</p>
+     <p>The <code class="idl"><a data-link-type="idl" href="#dom-videoframe-rotation" id="ref-for-dom-videoframe-rotation①">rotation</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-videoframe-rotation-slot" id="ref-for-dom-videoframe-rotation-slot②">[[rotation]]</a></code>.</p>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-flip"><code>flip</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①⑤">boolean</a>, readonly</span>
+    <dd data-md>
+     <p>Whether a horizontal flip is applied to the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⑥">VideoFrame</a></code> when rendered.
+Flip applies after rotation.</p>
+     <p>The <code class="idl"><a data-link-type="idl" href="#dom-videoframe-flip" id="ref-for-dom-videoframe-flip①">flip</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-videoframe-flip-slot" id="ref-for-dom-videoframe-flip-slot①">[[flip]]</a></code>.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-displaywidth"><code>displayWidth</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑥④">unsigned long</a>, readonly</span>
     <dd data-md>
-     <p>Width of the VideoFrame when displayed after applying aspect ratio
-adjustments.</p>
-     <p>The <code class="idl"><a data-link-type="idl" href="#dom-videoframe-displaywidth" id="ref-for-dom-videoframe-displaywidth②">displayWidth</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot②">[[display width]]</a></code>.</p>
+     <p>Width of the VideoFrame when displayed after applying rotation and aspect
+ratio adjustments.</p>
+     <p>The <code class="idl"><a data-link-type="idl" href="#dom-videoframe-displaywidth" id="ref-for-dom-videoframe-displaywidth②">displayWidth</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot③">[[display width]]</a></code>.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-displayheight"><code>displayHeight</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑥⑤">unsigned long</a>, readonly</span>
     <dd data-md>
-     <p>Height of the VideoFrame when displayed after applying aspect ratio
-adjustments.</p>
-     <p>The <code class="idl"><a data-link-type="idl" href="#dom-videoframe-displayheight" id="ref-for-dom-videoframe-displayheight②">displayHeight</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot②">[[display height]]</a></code>.</p>
+     <p>Height of the VideoFrame when displayed after applying rotation and aspect
+ratio adjustments.</p>
+     <p>The <code class="idl"><a data-link-type="idl" href="#dom-videoframe-displayheight" id="ref-for-dom-videoframe-displayheight②">displayHeight</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot③">[[display height]]</a></code>.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-timestamp"><code>timestamp</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-long-long" id="ref-for-idl-long-long①②">long long</a>, readonly</span>
     <dd data-md>
      <p>The presentation timestamp, given in microseconds. For decode,
 timestamp is copied from the <code class="idl"><a data-link-type="idl" href="#encodedvideochunk" id="ref-for-encodedvideochunk②⑤">EncodedVideoChunk</a></code> corresponding
-to this <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④④">VideoFrame</a></code>. For encode, timestamp is copied to the <code class="idl"><a data-link-type="idl" href="#encodedvideochunk" id="ref-for-encodedvideochunk②⑥">EncodedVideoChunk</a></code>s corresponding to this <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⑤">VideoFrame</a></code>.</p>
+to this <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⑦">VideoFrame</a></code>. For encode, timestamp is copied to the <code class="idl"><a data-link-type="idl" href="#encodedvideochunk" id="ref-for-encodedvideochunk②⑥">EncodedVideoChunk</a></code>s corresponding to this <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⑧">VideoFrame</a></code>.</p>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-videoframe-timestamp" id="ref-for-dom-videoframe-timestamp③">timestamp</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-videoframe-timestamp-slot" id="ref-for-dom-videoframe-timestamp-slot②">[[timestamp]]</a></code>.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="attribute" data-export id="dom-videoframe-duration"><code>duration</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-unsigned-long-long" id="ref-for-idl-unsigned-long-long①⑤">unsigned long long</a>, readonly, nullable</span>
     <dd data-md>
@@ -4846,7 +4899,7 @@ <h4 class="heading settled" data-level="9.4.5" id="videoframe-methods"><span cla
     <dd data-md>
      <p>Asynchronously copies the planes of this frame into <var>destination</var> according
 to <var>options</var>. The format of the data is <var>options</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-format" id="ref-for-dom-videoframecopytooptions-format">format</a></code>,
-if it <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①⑦">exists</a> or <a data-link-type="dfn" href="https://webidl.spec.whatwg.org/#this" id="ref-for-this⑦">this</a> <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⑥">VideoFrame</a></code>'s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-format" id="ref-for-dom-videoframe-format②">format</a></code> otherwise.</p>
+if it <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①⑥">exists</a> or <a data-link-type="dfn" href="https://webidl.spec.whatwg.org/#this" id="ref-for-this⑦">this</a> <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⑨">VideoFrame</a></code>'s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-format" id="ref-for-dom-videoframe-format②">format</a></code> otherwise.</p>
      <p class="note" role="note"><span class="marker">NOTE:</span> Promises that are returned by several calls to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-copyto" id="ref-for-dom-videoframe-copyto③">copyTo()</a></code> are not guaranteed to resolve in the order they
     were returned.</p>
      <p>When invoked, run these steps:</p>
@@ -4938,7 +4991,7 @@ <h4 class="heading settled" data-level="9.4.5" id="videoframe-methods"><span cla
      </ol>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrame" data-dfn-type="method" data-export id="dom-videoframe-clone"><code>clone()</code></dfn>
     <dd data-md>
-     <p>Creates a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⑦">VideoFrame</a></code> with a reference to the same <a data-link-type="dfn" href="#media-resource" id="ref-for-media-resource②⑦">media resource</a>.</p>
+     <p>Creates a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⓪">VideoFrame</a></code> with a reference to the same <a data-link-type="dfn" href="#media-resource" id="ref-for-media-resource②⑦">media resource</a>.</p>
      <p>When invoked, run these steps:</p>
      <ol>
       <li data-md>
@@ -4969,7 +5022,7 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
     <dd data-md>
      <ol>
       <li data-md>
-       <p>Let <var>frame</var> be a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⑧">VideoFrame</a></code>, constructed as follows:</p>
+       <p>Let <var>frame</var> be a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤①">VideoFrame</a></code>, constructed as follows:</p>
        <ol>
         <li data-md>
          <p>Assign <code>false</code> to <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/structured-data.html#detached" id="ref-for-detached②⑤">[[Detached]]</a></code>.</p>
@@ -4992,8 +5045,8 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
          <p>If <var>displayAspectWidth</var> and <var>displayAspectHeight</var> are provided,
 increase <var>displayWidth</var> or <var>displayHeight</var> until the ratio of <var>displayWidth</var> to <var>displayHeight</var> matches the ratio of <var>displayAspectWidth</var> to <var>displayAspectHeight</var>.</p>
         <li data-md>
-         <p>Assign <var>codedWidth</var>, <var>codedHeight</var>, <var>visibleLeft</var>, <var>visibleTop</var>, <var>visibleWidth</var>, <var>visibleHeight</var>, <var>displayWidth</var>, and <var>displayHeight</var> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-width-slot" id="ref-for-dom-videoframe-coded-width-slot④">[[coded width]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-height-slot" id="ref-for-dom-videoframe-coded-height-slot④">[[coded height]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-left-slot" id="ref-for-dom-videoframe-visible-left-slot③">[[visible left]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-top-slot" id="ref-for-dom-videoframe-visible-top-slot③">[[visible top]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot⑤">[[visible width]]</a></code>,
-and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot⑤">[[visible height]]</a></code> respectively.</p>
+         <p>Assign <var>codedWidth</var>, <var>codedHeight</var>, <var>visibleLeft</var>, <var>visibleTop</var>, <var>visibleWidth</var>, <var>visibleHeight</var>, <var>displayWidth</var>, and <var>displayHeight</var> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-width-slot" id="ref-for-dom-videoframe-coded-width-slot④">[[coded width]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-height-slot" id="ref-for-dom-videoframe-coded-height-slot④">[[coded height]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-left-slot" id="ref-for-dom-videoframe-visible-left-slot③">[[visible left]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-top-slot" id="ref-for-dom-videoframe-visible-top-slot③">[[visible top]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot⑥">[[visible width]]</a></code>,
+and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot⑥">[[visible height]]</a></code> respectively.</p>
         <li data-md>
          <p>Assign <var>duration</var> and <var>timestamp</var> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-duration-slot" id="ref-for-dom-videoframe-duration-slot③">[[duration]]</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-timestamp-slot" id="ref-for-dom-videoframe-timestamp-slot③">[[timestamp]]</a></code> respectively.</p>
         <li data-md>
@@ -5020,7 +5073,7 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
     <dd data-md>
      <ol>
       <li data-md>
-       <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-visiblerect" id="ref-for-dom-videoframeinit-visiblerect">visibleRect</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①⑧">exists</a>:</p>
+       <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-visiblerect" id="ref-for-dom-videoframeinit-visiblerect">visibleRect</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①⑦">exists</a>:</p>
        <ol>
         <li data-md>
          <p>Let <var>validAlignment</var> be the result of running the <a data-link-type="dfn" href="#videoframe-verify-rect-offset-alignment" id="ref-for-videoframe-verify-rect-offset-alignment">Verify Rect Offset Alignment</a> with <var>format</var> and <var>visibleRect</var>.</p>
@@ -5039,7 +5092,7 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
       <li data-md>
        <p>If <var>codedWidth</var> = 0 or <var>codedHeight</var> = 0,return <code>false</code>.</p>
       <li data-md>
-       <p>If only one of <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-displaywidth" id="ref-for-dom-videoframeinit-displaywidth">displayWidth</a></code> or <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-displayheight" id="ref-for-dom-videoframeinit-displayheight">displayHeight</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①⑨">exists</a>, return <code>false</code>.</p>
+       <p>If only one of <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-displaywidth" id="ref-for-dom-videoframeinit-displaywidth">displayWidth</a></code> or <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-displayheight" id="ref-for-dom-videoframeinit-displayheight">displayHeight</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①⑧">exists</a>, return <code>false</code>.</p>
       <li data-md>
        <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-displaywidth" id="ref-for-dom-videoframeinit-displaywidth①">displayWidth</a></code> == <code>0</code> or <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-displayheight" id="ref-for-dom-videoframeinit-displayheight①">displayHeight</a></code> == <code>0</code>, return <code>false</code>.</p>
       <li data-md>
@@ -5058,7 +5111,7 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
       <li data-md>
        <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-visiblerect" id="ref-for-dom-videoframebufferinit-visiblerect⑨">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①">x</a></code> + <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-visiblerect" id="ref-for-dom-videoframebufferinit-visiblerect①⓪">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-width" id="ref-for-dom-domrectinit-width③">width</a></code> > <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-codedwidth" id="ref-for-dom-videoframebufferinit-codedwidth④">codedWidth</a></code>, return <code>false</code>.</p>
       <li data-md>
-       <p>If only one of <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-displaywidth" id="ref-for-dom-videoframebufferinit-displaywidth①">displayWidth</a></code> or <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-displayheight" id="ref-for-dom-videoframebufferinit-displayheight①">displayHeight</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⓪">exists</a>, return <code>false</code>.</p>
+       <p>If only one of <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-displaywidth" id="ref-for-dom-videoframebufferinit-displaywidth①">displayWidth</a></code> or <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-displayheight" id="ref-for-dom-videoframebufferinit-displayheight①">displayHeight</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists①⑨">exists</a>, return <code>false</code>.</p>
       <li data-md>
        <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-displaywidth" id="ref-for-dom-videoframebufferinit-displaywidth②">displayWidth</a></code> = 0 or <code class="idl"><a data-link-type="idl" href="#dom-videoframebufferinit-displayheight" id="ref-for-dom-videoframebufferinit-displayheight②">displayHeight</a></code> = 0, return <code>false</code>.</p>
       <li data-md>
@@ -5086,19 +5139,22 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
        <p>Let <var>defaultVisibleRect</var> be the result of performing the getter steps
 for <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect③">visibleRect</a></code> on <var>otherFrame</var>.</p>
       <li data-md>
-       <p>Let <var>defaultDisplayWidth</var>, and <var>defaultDisplayHeight</var> be <var>otherFrame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot③">[[display width]]</a></code>, and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot③">[[display height]]</a></code> respectively.</p>
+       <p>Let <var>baseRotation</var> and <var>baseFlip</var> be <var>otherFrame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-rotation-slot" id="ref-for-dom-videoframe-rotation-slot③">[[rotation]]</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-flip-slot" id="ref-for-dom-videoframe-flip-slot②">[[flip]]</a></code>, respectively.</p>
+      <li data-md>
+       <p>Let <var>defaultDisplayWidth</var> and <var>defaultDisplayHeight</var> be <var>otherFrame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot④">[[display width]]</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot④">[[display height]]</a></code>,
+respectively.</p>
       <li data-md>
-       <p>Run the <a data-link-type="dfn" href="#videoframe-initialize-visible-rect-and-display-size" id="ref-for-videoframe-initialize-visible-rect-and-display-size">Initialize Visible Rect and Display Size</a> algorithm with <var>init</var>, <var>frame</var>, <var>defaultVisibleRect</var>, <var>defaultDisplayWidth</var>, and <var>defaultDisplayHeight</var>.</p>
+       <p>Run the <a data-link-type="dfn" href="#videoframe-initialize-visible-rect-orientation-and-display-size" id="ref-for-videoframe-initialize-visible-rect-orientation-and-display-size">Initialize Visible Rect, Orientation, and Display Size</a> algorithm with <var>init</var>, <var>frame</var>, <var>defaultVisibleRect</var>, <var>baseRotation</var>, <var>baseFlip</var>, <var>defaultDisplayWidth</var>, and <var>defaultDisplayHeight</var>.</p>
       <li data-md>
-       <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-duration" id="ref-for-dom-videoframeinit-duration">duration</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②①">exists</a> in <var>init</var>, assign it to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-duration-slot" id="ref-for-dom-videoframe-duration-slot④">[[duration]]</a></code>. Otherwise, assign <var>otherFrame</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframe-duration" id="ref-for-dom-videoframe-duration②">duration</a></code> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-duration-slot" id="ref-for-dom-videoframe-duration-slot⑤">[[duration]]</a></code>.</p>
+       <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-duration" id="ref-for-dom-videoframeinit-duration">duration</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⓪">exists</a> in <var>init</var>, assign it to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-duration-slot" id="ref-for-dom-videoframe-duration-slot④">[[duration]]</a></code>. Otherwise, assign <var>otherFrame</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframe-duration" id="ref-for-dom-videoframe-duration②">duration</a></code> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-duration-slot" id="ref-for-dom-videoframe-duration-slot⑤">[[duration]]</a></code>.</p>
       <li data-md>
-       <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-timestamp" id="ref-for-dom-videoframeinit-timestamp②">timestamp</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②②">exists</a> in <var>init</var>, assign it to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-timestamp-slot" id="ref-for-dom-videoframe-timestamp-slot④">[[timestamp]]</a></code>. Otherwise, assign <var>otherFrame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-timestamp" id="ref-for-dom-videoframe-timestamp④">timestamp</a></code> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-timestamp-slot" id="ref-for-dom-videoframe-timestamp-slot⑤">[[timestamp]]</a></code>.</p>
+       <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-timestamp" id="ref-for-dom-videoframeinit-timestamp②">timestamp</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②①">exists</a> in <var>init</var>, assign it to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-timestamp-slot" id="ref-for-dom-videoframe-timestamp-slot④">[[timestamp]]</a></code>. Otherwise, assign <var>otherFrame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-timestamp" id="ref-for-dom-videoframe-timestamp④">timestamp</a></code> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-timestamp-slot" id="ref-for-dom-videoframe-timestamp-slot⑤">[[timestamp]]</a></code>.</p>
       <li data-md>
        <p>Assign <var>format</var> to <var>frame</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframe-format-slot" id="ref-for-dom-videoframe-format-slot①①">[[format]]</a></code>.</p>
       <li data-md>
        <p>Assign the result of calling <a data-link-type="dfn" href="#videoframe-copy-videoframe-metadata" id="ref-for-videoframe-copy-videoframe-metadata②">Copy VideoFrame metadata</a> with <var>init</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-metadata" id="ref-for-dom-videoframeinit-metadata①">metadata</a></code> to <var>frame</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframe-metadata-slot" id="ref-for-dom-videoframe-metadata-slot③">[[metadata]]</a></code>.</p>
      </ol>
-    <dt data-md><dfn class="dfn-paneled" data-dfn-for="VideoFrame" data-dfn-type="dfn" data-noexport id="videoframe-initialize-frame-with-resource-and-size">Initialize Frame With Resource and Size</dfn> (with <var>init</var>, <var>frame</var>, <var>resource</var>, <var>width</var> and <var>height</var>)
+    <dt data-md><dfn class="dfn-paneled" data-dfn-for="VideoFrame" data-dfn-type="dfn" data-noexport id="videoframe-initialize-frame-with-resource">Initialize Frame With Resource</dfn> (with <var>init</var>, <var>frame</var>, <var>resource</var>, <var>codedWidth</var>, <var>codedHeight</var>, <var>baseRotation</var>, <var>baseFlip</var>, <var>defaultDisplayWidth</var>, and <var>defaultDisplayHeight</var>)
     <dd data-md>
      <ol>
       <li data-md>
@@ -5116,12 +5172,12 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
       <li data-md>
        <p>Assign <var>format</var> to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-format-slot" id="ref-for-dom-videoframe-format-slot①②">[[format]]</a></code></p>
       <li data-md>
-       <p>Assign <var>width</var> and <var>height</var> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-width-slot" id="ref-for-dom-videoframe-coded-width-slot⑥">[[coded width]]</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-height-slot" id="ref-for-dom-videoframe-coded-height-slot⑥">[[coded height]]</a></code> respectively.</p>
+       <p>Assign <var>codedWidth</var> and <var>codedHeight</var> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-width-slot" id="ref-for-dom-videoframe-coded-width-slot⑥">[[coded width]]</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-height-slot" id="ref-for-dom-videoframe-coded-height-slot⑥">[[coded height]]</a></code> respectively.</p>
       <li data-md>
        <p>Let <var>defaultVisibleRect</var> be a new <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#domrect" id="ref-for-domrect">DOMRect</a></code> constructed with
-«[ "x:" → <code>0</code>, "y" → <code>0</code>, "width" → <var>width</var>, "height" → <var>height</var> ]»</p>
+«[ "x:" → <code>0</code>, "y" → <code>0</code>, "width" → <var>codedWidth</var>, "height" → <var>codedHeight</var> ]»</p>
       <li data-md>
-       <p>Run the <a data-link-type="dfn" href="#videoframe-initialize-visible-rect-and-display-size" id="ref-for-videoframe-initialize-visible-rect-and-display-size①">Initialize Visible Rect and Display Size</a> algorithm with <var>init</var>, <var>frame</var>, <var>defaultVisibleRect</var>, <var>width</var>, and <var>height</var>.</p>
+       <p>Run the <a data-link-type="dfn" href="#videoframe-initialize-visible-rect-orientation-and-display-size" id="ref-for-videoframe-initialize-visible-rect-orientation-and-display-size①">Initialize Visible Rect, Orientation, and Display Size</a> algorithm with <var>init</var>, <var>frame</var>, <var>defaultVisibleRect</var>, <var>defaultDisplayWidth</var>, and <var>defaultDisplayHeight</var>.</p>
       <li data-md>
        <p>Assign <code>init</code>.<code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-duration" id="ref-for-dom-videoframeinit-duration①">duration</a></code> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-duration-slot" id="ref-for-dom-videoframe-duration-slot⑥">[[duration]]</a></code>.</p>
       <li data-md>
@@ -5131,36 +5187,73 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
       <li data-md>
        <p>Otherwise, assign a new <code class="idl"><a data-link-type="idl" href="#videocolorspace" id="ref-for-videocolorspace①③">VideoColorSpace</a></code>, constructed with an empty <code class="idl"><a data-link-type="idl" href="#dictdef-videocolorspaceinit" id="ref-for-dictdef-videocolorspaceinit③">VideoColorSpaceInit</a></code>, to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-color-space-slot" id="ref-for-dom-videoframe-color-space-slot④">[[color space]]</a></code>.</p>
      </ol>
-    <dt data-md><dfn class="dfn-paneled" data-dfn-for="VideoFrame" data-dfn-type="dfn" data-noexport id="videoframe-initialize-visible-rect-and-display-size">Initialize Visible Rect and Display Size</dfn> (with <var>init</var>, <var>frame</var>, <var>defaultVisibleRect</var>, <var>defaultDisplayWidth</var> and <var>defaultDisplayHeight</var>)
+    <dt data-md><dfn class="dfn-paneled" data-dfn-for="VideoFrame" data-dfn-type="dfn" data-noexport id="videoframe-initialize-visible-rect-orientation-and-display-size">Initialize Visible Rect, Orientation, and Display Size</dfn> (with <var>init</var>, <var>frame</var>, <var>defaultVisibleRect</var>, <var>baseRotation</var>, <var>baseFlip</var>, <var>defaultDisplayWidth</var> and <var>defaultDisplayHeight</var>)
     <dd data-md>
      <ol>
       <li data-md>
        <p>Let <var>visibleRect</var> be <var>defaultVisibleRect</var>.</p>
       <li data-md>
-       <p>If <var>init</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-visiblerect" id="ref-for-dom-videoframeinit-visiblerect⑧">visibleRect</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②③">exists</a>, assign it to <var>visibleRect</var>.</p>
+       <p>If <var>init</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-visiblerect" id="ref-for-dom-videoframeinit-visiblerect⑧">visibleRect</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②②">exists</a>, assign it to <var>visibleRect</var>.</p>
       <li data-md>
        <p>Assign <var>visibleRect</var>’s <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrect-x" id="ref-for-dom-domrect-x">x</a></code>, <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrect-y" id="ref-for-dom-domrect-y">y</a></code>, <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrect-width" id="ref-for-dom-domrect-width">width</a></code>,
-and <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrect-height" id="ref-for-dom-domrect-height">height</a></code>, to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-left-slot" id="ref-for-dom-videoframe-visible-left-slot④">[[visible left]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-top-slot" id="ref-for-dom-videoframe-visible-top-slot④">[[visible top]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot⑥">[[visible width]]</a></code>, and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot⑥">[[visible height]]</a></code> respectively.</p>
+and <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrect-height" id="ref-for-dom-domrect-height">height</a></code>, to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-left-slot" id="ref-for-dom-videoframe-visible-left-slot④">[[visible left]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-top-slot" id="ref-for-dom-videoframe-visible-top-slot④">[[visible top]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot⑦">[[visible width]]</a></code>, and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot⑦">[[visible height]]</a></code> respectively.</p>
       <li data-md>
-       <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-displaywidth" id="ref-for-dom-videoframeinit-displaywidth②">displayWidth</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-displayheight" id="ref-for-dom-videoframeinit-displayheight②">displayHeight</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②④">exist</a> in <var>init</var>, assign them to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot④">[[display width]]</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot④">[[display height]]</a></code> respectively.</p>
+       <p>Let <var>rotation</var> be the result of running the <a data-link-type="dfn" href="#videoframe-parse-rotation" id="ref-for-videoframe-parse-rotation①">Parse Rotation</a> algorithm, with <var>init</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-rotation" id="ref-for-dom-videoframeinit-rotation">rotation</a></code>.</p>
+      <li data-md>
+       <p>Assign the result of running the <a data-link-type="dfn" href="#videoframe-add-rotations" id="ref-for-videoframe-add-rotations">Add Rotations</a> algorithm,
+with <var>baseRotation</var>, <var>baseFlip</var>, and <var>rotation</var>, to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-rotation-slot" id="ref-for-dom-videoframe-rotation-slot④">[[rotation]]</a></code>.</p>
+      <li data-md>
+       <p>If <var>baseFlip</var> is equal to <var>init</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-flip" id="ref-for-dom-videoframeinit-flip">flip</a></code>, assign <code>false</code> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-flip-slot" id="ref-for-dom-videoframe-flip-slot③">[[flip]]</a></code>. Otherwise, assign <code>true</code> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-flip-slot" id="ref-for-dom-videoframe-flip-slot④">[[flip]]</a></code>.</p>
+      <li data-md>
+       <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-displaywidth" id="ref-for-dom-videoframeinit-displaywidth②">displayWidth</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframeinit-displayheight" id="ref-for-dom-videoframeinit-displayheight②">displayHeight</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②③">exist</a> in <var>init</var>, assign them to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot⑤">[[display width]]</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot⑤">[[display height]]</a></code> respectively.</p>
       <li data-md>
        <p>Otherwise:</p>
        <ol>
         <li data-md>
-         <p>Let <var>widthScale</var> be the result of dividing <var>defaultDisplayWidth</var> by <var>defaultVisibleRect</var>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrect-width" id="ref-for-dom-domrect-width①">width</a></code>.</p>
+         <p>If <var>baseRotation</var> is equal to <code>0</code> or <code>180</code>:</p>
+         <ol>
+          <li data-md>
+           <p>Let <var>widthScale</var> be the result of dividing <var>defaultDisplayWidth</var> by <var>defaultVisibleRect</var>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrect-width" id="ref-for-dom-domrect-width①">width</a></code>.</p>
+          <li data-md>
+           <p>Let <var>heightScale</var> be the result of dividing <var>defaultDisplayHeight</var> by <var>defaultVisibleRect</var>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrect-height" id="ref-for-dom-domrect-height①">height</a></code>.</p>
+         </ol>
+        <li data-md>
+         <p>Otherwise:</p>
+         <ol>
+          <li data-md>
+           <p>Let <var>widthScale</var> be the result of dividing <var>defaultDisplayHeight</var> by <var>defaultVisibleRect</var>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrect-width" id="ref-for-dom-domrect-width②">width</a></code>.</p>
+          <li data-md>
+           <p>Let <var>heightScale</var> be the result of dividing <var>defaultDisplayWidth</var> by <var>defaultVisibleRect</var>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrect-height" id="ref-for-dom-domrect-height②">height</a></code>.</p>
+         </ol>
+        <li data-md>
+         <p>Let <var>displayWidth</var> be <code>|frame|'s {{VideoFrame/[[visible width]]}} * |widthScale|</code>, rounded
+to the nearest integer.</p>
         <li data-md>
-         <p>Let <var>heightScale</var> be the result of dividing <var>defaultDisplayHeight</var> by <var>defaultVisibleRect</var>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrect-height" id="ref-for-dom-domrect-height①">height</a></code>.</p>
+         <p>Let <var>displayHeight</var> be <code>|frame|'s {{VideoFrame/[[visible height]]}} * |heightScale|</code>,
+rounded to the nearest integer.</p>
         <li data-md>
-         <p>Multiply <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot⑦">[[visible width]]</a></code> by <var>widthScale</var> and round the result. Assign the rounded result to <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot⑤">[[display width]]</a></code>.</p>
+         <p>If <var>rotation</var> is equal to <code>0</code> or <code>180</code>:</p>
+         <ol>
+          <li data-md>
+           <p>Assign <var>displayWidth</var> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot⑥">[[display width]]</a></code>.</p>
+          <li data-md>
+           <p>Assign <var>displayHeight</var> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot⑥">[[display height]]</a></code>.</p>
+         </ol>
         <li data-md>
-         <p>Multiply <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot⑦">[[visible height]]</a></code> by <var>heightScale</var> and round the result. Assign the rounded result to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot⑤">[[display height]]</a></code>.</p>
+         <p>Otherwise:</p>
+         <ol>
+          <li data-md>
+           <p>Assign <var>displayHeight</var> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot⑦">[[display width]]</a></code>.</p>
+          <li data-md>
+           <p>Assign <var>displayWidth</var> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot⑦">[[display height]]</a></code>.</p>
+         </ol>
        </ol>
      </ol>
     <dt data-md><dfn class="dfn-paneled" data-dfn-type="dfn" data-export id="clone-videoframe">Clone VideoFrame</dfn> (with <var>frame</var>)
     <dd data-md>
      <ol>
       <li data-md>
-       <p>Let <var>clone</var> be a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe④⑨">VideoFrame</a></code> initialized as follows:</p>
+       <p>Let <var>clone</var> be a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤②">VideoFrame</a></code> initialized as follows:</p>
        <ol>
         <li data-md>
          <p>Let <var>resource</var> be the <a data-link-type="dfn" href="#media-resource" id="ref-for-media-resource③①">media resource</a> referenced by <var>frame</var>’s
@@ -5186,11 +5279,34 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
       <li data-md>
        <p>Assign <code>null</code> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-format" id="ref-for-dom-videoframe-format⑤">format</a></code>.</p>
       <li data-md>
-       <p>Assign <code>0</code> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-width-slot" id="ref-for-dom-videoframe-coded-width-slot⑦">[[coded width]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-height-slot" id="ref-for-dom-videoframe-coded-height-slot⑦">[[coded height]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-left-slot" id="ref-for-dom-videoframe-visible-left-slot⑤">[[visible left]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-top-slot" id="ref-for-dom-videoframe-visible-top-slot⑤">[[visible top]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot⑧">[[visible width]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot⑧">[[visible height]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot⑥">[[display width]]</a></code>,
-and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot⑥">[[display height]]</a></code>.</p>
+       <p>Assign <code>0</code> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-width-slot" id="ref-for-dom-videoframe-coded-width-slot⑦">[[coded width]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-coded-height-slot" id="ref-for-dom-videoframe-coded-height-slot⑦">[[coded height]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-left-slot" id="ref-for-dom-videoframe-visible-left-slot⑤">[[visible left]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-top-slot" id="ref-for-dom-videoframe-visible-top-slot⑤">[[visible top]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-width-slot" id="ref-for-dom-videoframe-visible-width-slot⑧">[[visible width]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visible-height-slot" id="ref-for-dom-videoframe-visible-height-slot⑧">[[visible height]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-rotation-slot" id="ref-for-dom-videoframe-rotation-slot⑤">[[rotation]]</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-width-slot" id="ref-for-dom-videoframe-display-width-slot⑧">[[display width]]</a></code>, and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-display-height-slot" id="ref-for-dom-videoframe-display-height-slot⑧">[[display height]]</a></code>.</p>
+      <li data-md>
+       <p>Assign <code>false</code> to <var>frame</var>’s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-flip-slot" id="ref-for-dom-videoframe-flip-slot⑤">[[flip]]</a></code>.</p>
       <li data-md>
        <p>Assign a new <code class="idl"><a data-link-type="idl" href="#dictdef-videoframemetadata" id="ref-for-dictdef-videoframemetadata⑥">VideoFrameMetadata</a></code> to <var>frame</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframe-metadata-slot" id="ref-for-dom-videoframe-metadata-slot④">[[metadata]]</a></code>.</p>
      </ol>
+    <dt data-md><dfn class="dfn-paneled" data-dfn-for="VideoFrame" data-dfn-type="dfn" data-noexport id="videoframe-parse-rotation">Parse Rotation</dfn> (with <var>rotation</var>)
+    <dd data-md>
+     <ol>
+      <li data-md>
+       <p>Let <var>alignedRotation</var> be the nearest multiple of <code>90</code> to <var>rotation</var>,
+rounding ties towards positive infinity.</p>
+      <li data-md>
+       <p>Let <var>fullTurns</var> be the greatest multiple of <code>360</code> less than or equal to <var>alignedRotation</var>.</p>
+      <li data-md>
+       <p>Return <code>|alignedRotation| - |fullTurns|</code>.</p>
+     </ol>
+    <dt data-md><dfn class="dfn-paneled" data-dfn-for="VideoFrame" data-dfn-type="dfn" data-noexport id="videoframe-add-rotations">Add Rotations</dfn> (with <var>baseRotation</var>, <var>baseFlip</var>,
+and <var>rotation</var>)
+    <dd data-md>
+     <ol>
+      <li data-md>
+       <p>If <var>baseFlip</var> is <code>false</code>, let <var>combinedRotation</var> be <code>|baseRotation| + |rotation|</code>. Otherwise, let <var>combinedRotation</var> be <code>|baseRotation| - |rotation|</code>.</p>
+      <li data-md>
+       <p>Let <var>fullTurns</var> be the greatest multiple of <code>360</code> less than or equal to <var>combinedRotation</var>.</p>
+      <li data-md>
+       <p>Return <code>|combinedRotation| - |fullTurns|</code>.</p>
+     </ol>
     <dt data-md><dfn class="dfn-paneled" data-dfn-for="VideoFrame" data-dfn-type="dfn" data-noexport id="videoframe-parse-videoframecopytooptions">Parse VideoFrameCopyToOptions</dfn> (with <var>options</var>)
     <dd data-md>
      <ol>
@@ -5199,7 +5315,7 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
       <li data-md>
        <p>Let <var>overrideRect</var> be <code>undefined</code>.</p>
       <li data-md>
-       <p>If <var>options</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-rect" id="ref-for-dom-videoframecopytooptions-rect">rect</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⑤">exists</a>, assign the
+       <p>If <var>options</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-rect" id="ref-for-dom-videoframecopytooptions-rect">rect</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②④">exists</a>, assign the
 value of <var>options</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-rect" id="ref-for-dom-videoframecopytooptions-rect①">rect</a></code> to <var>overrideRect</var>.</p>
       <li data-md>
        <p>Let <var>parsedRect</var> be the result of running the <a data-link-type="dfn" href="#videoframe-parse-visible-rect" id="ref-for-videoframe-parse-visible-rect①">Parse Visible
@@ -5209,12 +5325,12 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
       <li data-md>
        <p>Let <var>optLayout</var> be <code>undefined</code>.</p>
       <li data-md>
-       <p>If <var>options</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-layout" id="ref-for-dom-videoframecopytooptions-layout">layout</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⑥">exists</a>, assign
+       <p>If <var>options</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-layout" id="ref-for-dom-videoframecopytooptions-layout">layout</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⑤">exists</a>, assign
 its value to <var>optLayout</var>.</p>
       <li data-md>
        <p>Let <var>format</var> be <code>undefined</code>.</p>
       <li data-md>
-       <p>If <var>options</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-format" id="ref-for-dom-videoframecopytooptions-format④">format</a></code> does not <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⑦">exist</a>,
+       <p>If <var>options</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-format" id="ref-for-dom-videoframecopytooptions-format④">format</a></code> does not <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⑥">exist</a>,
 assign <code class="idl"><a data-link-type="idl" href="#dom-videoframe-format-slot" id="ref-for-dom-videoframe-format-slot①④">[[format]]</a></code> to <var>format</var>.</p>
       <li data-md>
        <p>Otherwise, if <var>options</var>.<code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-format" id="ref-for-dom-videoframecopytooptions-format⑤">format</a></code> is equal to
@@ -5418,7 +5534,7 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
       <li data-md>
        <p>This algorithm <em class="rfc2119">MUST</em> be called only if <var>format</var> is equal to one of <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-rgba" id="ref-for-dom-videopixelformat-rgba②">RGBA</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-rgbx" id="ref-for-dom-videopixelformat-rgbx②">RGBX</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-bgra" id="ref-for-dom-videopixelformat-bgra②">BGRA</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-bgrx" id="ref-for-dom-videopixelformat-bgrx②">BGRX</a></code>.</p>
       <li data-md>
-       <p>Let <var>convertedFrame</var> be a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⓪">VideoFrame</a></code>, constructed as follows:</p>
+       <p>Let <var>convertedFrame</var> be a new <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤③">VideoFrame</a></code>, constructed as follows:</p>
        <ol>
         <li data-md>
          <p>Assign <code>false</code> to <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/structured-data.html#detached" id="ref-for-detached②⑦">[[Detached]]</a></code>.</p>
@@ -5457,30 +5573,30 @@ <h4 class="heading settled" data-level="9.4.6" id="videoframe-algorithms"><span
        <p>Return <var>metadataCopy</var>.</p>
      </ol>
    </dl>
-   <p>The goal of this algorithm is to ensure that metadata owned by a <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤①">VideoFrame</a></code> is immutable.</p>
+   <p>The goal of this algorithm is to ensure that metadata owned by a <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤④">VideoFrame</a></code> is immutable.</p>
    <h4 class="heading settled" data-level="9.4.7" id="videoframe-transfer-serialization"><span class="secno">9.4.7. </span><span class="content">Transfer and Serialization</span><a class="self-link" href="#videoframe-transfer-serialization"></a></h4>
    <dl>
-    <dt data-md>The <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤②">VideoFrame</a></code> <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/structured-data.html#transfer-steps" id="ref-for-transfer-steps①">transfer steps</a> (with <var>value</var> and <var>dataHolder</var>) are:
+    <dt data-md>The <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⑤">VideoFrame</a></code> <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/structured-data.html#transfer-steps" id="ref-for-transfer-steps①">transfer steps</a> (with <var>value</var> and <var>dataHolder</var>) are:
     <dd data-md>
      <ol>
       <li data-md>
        <p>If <var>value</var>’s <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/structured-data.html#detached" id="ref-for-detached②⑧">[[Detached]]</a></code> is <code>true</code>, throw a <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#datacloneerror" id="ref-for-datacloneerror①③">DataCloneError</a></code> <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#idl-DOMException" id="ref-for-idl-DOMException④①">DOMException</a></code>.</p>
       <li data-md>
-       <p>For all <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤③">VideoFrame</a></code> internal slots in <var>value</var>, assign the value of
+       <p>For all <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⑥">VideoFrame</a></code> internal slots in <var>value</var>, assign the value of
 each internal slot to a field in <var>dataHolder</var> with the same name as the
 internal slot.</p>
       <li data-md>
        <p>Run the <a data-link-type="dfn" href="#close-videoframe" id="ref-for-close-videoframe①">Close VideoFrame</a> algorithm with <var>value</var>.</p>
      </ol>
-    <dt data-md>The <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤④">VideoFrame</a></code> <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/structured-data.html#transfer-receiving-steps" id="ref-for-transfer-receiving-steps①">transfer-receiving steps</a> (with <var>dataHolder</var> and <var>value</var>) are:
+    <dt data-md>The <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⑦">VideoFrame</a></code> <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/structured-data.html#transfer-receiving-steps" id="ref-for-transfer-receiving-steps①">transfer-receiving steps</a> (with <var>dataHolder</var> and <var>value</var>) are:
     <dd data-md>
      <ol>
       <li data-md>
        <p>For all named fields in <var>dataHolder</var>, assign the value of each named
-field to the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⑤">VideoFrame</a></code> internal slot in <var>value</var> with the same name
+field to the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⑧">VideoFrame</a></code> internal slot in <var>value</var> with the same name
 as the named field.</p>
      </ol>
-    <dt data-md>The <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⑥">VideoFrame</a></code> <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/structured-data.html#serialization-steps" id="ref-for-serialization-steps③">serialization steps</a> (with <var>value</var>, <var>serialized</var>, and <var>forStorage</var>) are:
+    <dt data-md>The <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⑨">VideoFrame</a></code> <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/structured-data.html#serialization-steps" id="ref-for-serialization-steps③">serialization steps</a> (with <var>value</var>, <var>serialized</var>, and <var>forStorage</var>) are:
     <dd data-md>
      <ol>
       <li data-md>
@@ -5494,25 +5610,27 @@ <h4 class="heading settled" data-level="9.4.7" id="videoframe-transfer-serializa
       <li data-md>
        <p>Assign <var>newReference</var> to <var>serialized</var>.[[resource reference]].</p>
       <li data-md>
-       <p>For all remaining <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⑦">VideoFrame</a></code> internal slots (excluding <code class="idl"><a data-link-type="idl" href="#dom-videoframe-resource-reference-slot" id="ref-for-dom-videoframe-resource-reference-slot①①">[[resource reference]]</a></code>) in <var>value</var>, assign the value of
+       <p>For all remaining <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⓪">VideoFrame</a></code> internal slots (excluding <code class="idl"><a data-link-type="idl" href="#dom-videoframe-resource-reference-slot" id="ref-for-dom-videoframe-resource-reference-slot①①">[[resource reference]]</a></code>) in <var>value</var>, assign the value of
 each internal slot to a field in <var>serialized</var> with the same name as the
 internal slot.</p>
      </ol>
-    <dt data-md>The <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⑧">VideoFrame</a></code> <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/structured-data.html#deserialization-steps" id="ref-for-deserialization-steps③">deserialization steps</a> (with <var>serialized</var> and <var>value</var>)
+    <dt data-md>The <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥①">VideoFrame</a></code> <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/structured-data.html#deserialization-steps" id="ref-for-deserialization-steps③">deserialization steps</a> (with <var>serialized</var> and <var>value</var>)
 are:
     <dd data-md>
      <ol>
       <li data-md>
        <p>For all named fields in <var>serialized</var>, assign the value of each named
-field to the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑤⑨">VideoFrame</a></code> internal slot in <var>value</var> with the same name
+field to the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥②">VideoFrame</a></code> internal slot in <var>value</var> with the same name
 as the named field.</p>
      </ol>
    </dl>
    <h4 class="heading settled" data-level="9.4.8" id="videoframe-rendering"><span class="secno">9.4.8. </span><span class="content">Rendering</span><a class="self-link" href="#videoframe-rendering"></a></h4>
-   <p>When rendered, for example by <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/canvas.html#canvasdrawimage" id="ref-for-canvasdrawimage①">CanvasDrawImage</a></code> <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-drawimage" id="ref-for-dom-context-2d-drawimage①">drawImage()</a></code>, a <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⓪">VideoFrame</a></code> <em class="rfc2119">MUST</em> be converted to a color space compatible with the rendering target, unless color
+   <p>When rendered, for example by <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/canvas.html#canvasdrawimage" id="ref-for-canvasdrawimage①">CanvasDrawImage</a></code> <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-drawimage" id="ref-for-dom-context-2d-drawimage①">drawImage()</a></code>, a <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥③">VideoFrame</a></code> <em class="rfc2119">MUST</em> be converted to a color space compatible with the rendering target, unless color
 conversion is explicitly disabled.</p>
    <p>Color space conversion during <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html#imagebitmap" id="ref-for-imagebitmap①">ImageBitmap</a></code> construction is controlled by <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html#imagebitmapoptions" id="ref-for-imagebitmapoptions">ImageBitmapOptions</a></code> <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html#dom-imagebitmapoptions-colorspaceconversion" id="ref-for-dom-imagebitmapoptions-colorspaceconversion">colorSpaceConversion</a></code>. Setting this
 value to <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html#dom-colorspaceconversion-none" id="ref-for-dom-colorspaceconversion-none">"none"</a></code> disables color space conversion.</p>
+   <p>The rendering of a <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥④">VideoFrame</a></code> is produced from the <a data-link-type="dfn" href="#media-resource" id="ref-for-media-resource③⑤">media resource</a> by
+applying any necessary color space conversion, cropping to the <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect⑤">visibleRect</a></code>, rotating clockwise by <code class="idl"><a data-link-type="idl" href="#dom-videoframe-rotation" id="ref-for-dom-videoframe-rotation②">rotation</a></code> degrees, and flipping horizontally if <code class="idl"><a data-link-type="idl" href="#dom-videoframe-flip" id="ref-for-dom-videoframe-flip②">flip</a></code> is <code>true</code>.</p>
    <h3 class="heading settled" data-level="9.5" id="videoframe-copyto-options"><span class="secno">9.5. </span><span class="content">VideoFrame CopyTo() Options</span><a class="self-link" href="#videoframe-copyto-options"></a></h3>
     Options to specify a rectangle of pixels to copy, their format, and the offset
 and stride of planes in the destination buffer. 
@@ -5530,39 +5648,39 @@ <h3 class="heading settled" data-level="9.5" id="videoframe-copyto-options"><spa
       <p>The coordinates of <code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-rect" id="ref-for-dom-videoframecopytooptions-rect③">rect</a></code> are
 sample-aligned as determined by <code class="idl"><a data-link-type="idl" href="#dom-videoframe-format-slot" id="ref-for-dom-videoframe-format-slot①⑦">[[format]]</a></code>.</p>
      <li data-md>
-      <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-layout" id="ref-for-dom-videoframecopytooptions-layout②">layout</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⑧">exists</a>, a <code class="idl"><a data-link-type="idl" href="#dictdef-planelayout" id="ref-for-dictdef-planelayout⑤">PlaneLayout</a></code> is provided for all planes.</p>
+      <p>If <code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-layout" id="ref-for-dom-videoframecopytooptions-layout②">layout</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⑦">exists</a>, a <code class="idl"><a data-link-type="idl" href="#dictdef-planelayout" id="ref-for-dictdef-planelayout⑤">PlaneLayout</a></code> is provided for all planes.</p>
     </ul>
    </div>
    <dl>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrameCopyToOptions" data-dfn-type="dict-member" data-export id="dom-videoframecopytooptions-rect"><code>rect</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://drafts.fxtf.org/geometry-1/#dictdef-domrectinit" id="ref-for-dictdef-domrectinit③">DOMRectInit</a></span>
     <dd data-md>
-     <p>A <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dictdef-domrectinit" id="ref-for-dictdef-domrectinit④">DOMRectInit</a></code> describing the rectangle of pixels to copy from the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥①">VideoFrame</a></code>. If unspecified, the <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect⑤">visibleRect</a></code> will be used.</p>
-     <p class="note" role="note"><span class="marker">NOTE:</span> The coded rectangle can be specified by passing <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥②">VideoFrame</a></code>'s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedrect" id="ref-for-dom-videoframe-codedrect②">codedRect</a></code>.</p>
+     <p>A <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dictdef-domrectinit" id="ref-for-dictdef-domrectinit④">DOMRectInit</a></code> describing the rectangle of pixels to copy from the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⑤">VideoFrame</a></code>. If unspecified, the <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect⑥">visibleRect</a></code> will be used.</p>
+     <p class="note" role="note"><span class="marker">NOTE:</span> The coded rectangle can be specified by passing <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⑥">VideoFrame</a></code>'s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedrect" id="ref-for-dom-videoframe-codedrect②">codedRect</a></code>.</p>
      <p class="note" role="note"><span class="marker">NOTE:</span> The default <code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-rect" id="ref-for-dom-videoframecopytooptions-rect④">rect</a></code> does not necessarily meet
     the sample-alignment requirement and can result in <code class="idl"><a data-link-type="idl" href="#dom-videoframe-copyto" id="ref-for-dom-videoframe-copyto⑥">copyTo()</a></code> or <code class="idl"><a data-link-type="idl" href="#dom-videoframe-allocationsize" id="ref-for-dom-videoframe-allocationsize③">allocationSize()</a></code> rejecting.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrameCopyToOptions" data-dfn-type="dict-member" data-export id="dom-videoframecopytooptions-layout"><code>layout</code></dfn>, <span> of type sequence&lt;<a data-link-type="idl-name" href="#dictdef-planelayout" id="ref-for-dictdef-planelayout⑥">PlaneLayout</a>></span>
     <dd data-md>
-     <p>The <code class="idl"><a data-link-type="idl" href="#dictdef-planelayout" id="ref-for-dictdef-planelayout⑦">PlaneLayout</a></code> for each plane in <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥③">VideoFrame</a></code>, affording the option
+     <p>The <code class="idl"><a data-link-type="idl" href="#dictdef-planelayout" id="ref-for-dictdef-planelayout⑦">PlaneLayout</a></code> for each plane in <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⑦">VideoFrame</a></code>, affording the option
 to specify an offset and stride for each plane in the destination <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#BufferSource" id="ref-for-BufferSource⑦">BufferSource</a></code>. If unspecified, the planes will be tightly packed. It is
 invalid to specify planes that overlap.</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrameCopyToOptions" data-dfn-type="dict-member" data-export id="dom-videoframecopytooptions-format"><code>format</code></dfn>, <span> of type <a data-link-type="idl-name" href="#enumdef-videopixelformat" id="ref-for-enumdef-videopixelformat①①">VideoPixelFormat</a></span>
     <dd data-md>
-     <p>A <code class="idl"><a data-link-type="idl" href="#enumdef-videopixelformat" id="ref-for-enumdef-videopixelformat①②">VideoPixelFormat</a></code> for the pixel data in the destination <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#BufferSource" id="ref-for-BufferSource⑧">BufferSource</a></code>. Potential values are: <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-rgba" id="ref-for-dom-videopixelformat-rgba③">RGBA</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-rgbx" id="ref-for-dom-videopixelformat-rgbx③">RGBX</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-bgra" id="ref-for-dom-videopixelformat-bgra③">BGRA</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-bgrx" id="ref-for-dom-videopixelformat-bgrx③">BGRX</a></code>. If it does not <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⑨">exist</a>, the destination <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#BufferSource" id="ref-for-BufferSource⑨">BufferSource</a></code> will be in the same format as <code class="idl"><a data-link-type="idl" href="#dom-videoframe-format" id="ref-for-dom-videoframe-format⑥">format</a></code> .</p>
+     <p>A <code class="idl"><a data-link-type="idl" href="#enumdef-videopixelformat" id="ref-for-enumdef-videopixelformat①②">VideoPixelFormat</a></code> for the pixel data in the destination <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#BufferSource" id="ref-for-BufferSource⑧">BufferSource</a></code>. Potential values are: <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-rgba" id="ref-for-dom-videopixelformat-rgba③">RGBA</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-rgbx" id="ref-for-dom-videopixelformat-rgbx③">RGBX</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-bgra" id="ref-for-dom-videopixelformat-bgra③">BGRA</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-bgrx" id="ref-for-dom-videopixelformat-bgrx③">BGRX</a></code>. If it does not <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⑧">exist</a>, the destination <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#BufferSource" id="ref-for-BufferSource⑨">BufferSource</a></code> will be in the same format as <code class="idl"><a data-link-type="idl" href="#dom-videoframe-format" id="ref-for-dom-videoframe-format⑥">format</a></code> .</p>
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoFrameCopyToOptions" data-dfn-type="dict-member" data-export id="dom-videoframecopytooptions-colorspace"><code>colorSpace</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://html.spec.whatwg.org/multipage/canvas.html#predefinedcolorspace" id="ref-for-predefinedcolorspace①">PredefinedColorSpace</a></span>
     <dd data-md>
      <p>A <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/canvas.html#predefinedcolorspace" id="ref-for-predefinedcolorspace②">PredefinedColorSpace</a></code> that <em class="rfc2119">MUST</em> be used as
 a target color space for the pixel data in the destination <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#BufferSource" id="ref-for-BufferSource①⓪">BufferSource</a></code>, but only if <code class="idl"><a data-link-type="idl" href="#dom-videoframecopytooptions-format" id="ref-for-dom-videoframecopytooptions-format⑧">format</a></code> is one of <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-rgba" id="ref-for-dom-videopixelformat-rgba④">RGBA</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-rgbx" id="ref-for-dom-videopixelformat-rgbx④">RGBX</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-bgra" id="ref-for-dom-videopixelformat-bgra④">BGRA</a></code>, <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-bgrx" id="ref-for-dom-videopixelformat-bgrx④">BGRX</a></code>, otherwise it is ignored.
-If it does not <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists③⓪">exist</a>, <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/canvas.html#dom-predefinedcolorspace-srgb" id="ref-for-dom-predefinedcolorspace-srgb②">srgb</a></code> is used.</p>
+If it does not <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists②⑨">exist</a>, <code class="idl"><a data-link-type="idl" href="https://html.spec.whatwg.org/multipage/canvas.html#dom-predefinedcolorspace-srgb" id="ref-for-dom-predefinedcolorspace-srgb②">srgb</a></code> is used.</p>
    </dl>
    <h3 class="heading settled" data-level="9.6" id="videoframe-domrect"><span class="secno">9.6. </span><span class="content">DOMRects in VideoFrame</span><a class="self-link" href="#videoframe-domrect"></a></h3>
-    The <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥④">VideoFrame</a></code> interface uses <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#domrect" id="ref-for-domrect①">DOMRect</a></code>s to specify the position and
+    The <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⑧">VideoFrame</a></code> interface uses <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#domrect" id="ref-for-domrect①">DOMRect</a></code>s to specify the position and
 dimensions for a rectangle of pixels. <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dictdef-domrectinit" id="ref-for-dictdef-domrectinit⑤">DOMRectInit</a></code> is used with <code class="idl"><a data-link-type="idl" href="#dom-videoframe-copyto" id="ref-for-dom-videoframe-copyto⑦">copyTo()</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-allocationsize" id="ref-for-dom-videoframe-allocationsize④">allocationSize()</a></code> to describe the
-dimensions of the source rectangle. <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⑤">VideoFrame</a></code> defines <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedrect" id="ref-for-dom-videoframe-codedrect③">codedRect</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect⑥">visibleRect</a></code> for convenient copying
+dimensions of the source rectangle. <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⑨">VideoFrame</a></code> defines <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedrect" id="ref-for-dom-videoframe-codedrect③">codedRect</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect⑦">visibleRect</a></code> for convenient copying
 of the coded size and visible region respectively. 
    <p class="note" role="note"><span class="marker">NOTE:</span> VideoFrame pixels are only addressable by integer numbers. All floating
     point values provided to <code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dictdef-domrectinit" id="ref-for-dictdef-domrectinit⑥">DOMRectInit</a></code> will be truncated.</p>
    <h3 class="heading settled" data-level="9.7" id="plane-layout"><span class="secno">9.7. </span><span class="content">Plane Layout</span><a class="self-link" href="#plane-layout"></a></h3>
-    A <code class="idl"><a data-link-type="idl" href="#dictdef-planelayout" id="ref-for-dictdef-planelayout⑧">PlaneLayout</a></code> is a dictionary specifying the offset and stride of a <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⑥">VideoFrame</a></code> plane once copied to a <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#BufferSource" id="ref-for-BufferSource①①">BufferSource</a></code>. A sequence of <code class="idl"><a data-link-type="idl" href="#dictdef-planelayout" id="ref-for-dictdef-planelayout⑨">PlaneLayout</a></code>s <em class="rfc2119">MAY</em> be provided to <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⑦">VideoFrame</a></code>'s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-copyto" id="ref-for-dom-videoframe-copyto⑧">copyTo()</a></code> to specify how the plane is laid out in the destination <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#BufferSource" id="ref-for-BufferSource①②">BufferSource</a></code>.  Alternatively, callers can inspect <code class="idl"><a data-link-type="idl" href="#dom-videoframe-copyto" id="ref-for-dom-videoframe-copyto⑨">copyTo()</a></code>'s
+    A <code class="idl"><a data-link-type="idl" href="#dictdef-planelayout" id="ref-for-dictdef-planelayout⑧">PlaneLayout</a></code> is a dictionary specifying the offset and stride of a <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑦⓪">VideoFrame</a></code> plane once copied to a <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#BufferSource" id="ref-for-BufferSource①①">BufferSource</a></code>. A sequence of <code class="idl"><a data-link-type="idl" href="#dictdef-planelayout" id="ref-for-dictdef-planelayout⑨">PlaneLayout</a></code>s <em class="rfc2119">MAY</em> be provided to <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑦①">VideoFrame</a></code>'s <code class="idl"><a data-link-type="idl" href="#dom-videoframe-copyto" id="ref-for-dom-videoframe-copyto⑧">copyTo()</a></code> to specify how the plane is laid out in the destination <code class="idl"><a data-link-type="idl" href="https://webidl.spec.whatwg.org/#BufferSource" id="ref-for-BufferSource①②">BufferSource</a></code>.  Alternatively, callers can inspect <code class="idl"><a data-link-type="idl" href="#dom-videoframe-copyto" id="ref-for-dom-videoframe-copyto⑨">copyTo()</a></code>'s
 returned sequence of <code class="idl"><a data-link-type="idl" href="#dictdef-planelayout" id="ref-for-dictdef-planelayout①⓪">PlaneLayout</a></code>s to learn the offset and stride for
 planes as decided by the User Agent. 
 <pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="dfn-paneled idl-code" data-dfn-type="dictionary" data-export id="dictdef-planelayout"><code><c- g>PlaneLayout</c-></code></dfn> {
@@ -5623,7 +5741,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
 where a single sample contains information for multiple pixels in the final
 image. <a data-link-type="dfn" href="#sub-sampling" id="ref-for-sub-sampling">Sub-sampling</a> can be horizontal, vertical or both, and has a <dfn class="dfn-paneled" data-dfn-type="dfn" data-lt="sub-sampling factor|factor" data-noexport id="sub-sampling-factor">factor</dfn>, that is the number of final pixels
 in the image that are derived from a <a data-link-type="dfn" href="#sub-sampling" id="ref-for-sub-sampling①">sub-sampled</a> sample.</p>
-   <div class="example" id="example-33b7b945"><a class="self-link" href="#example-33b7b945"></a> If a <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⑧">VideoFrame</a></code> is in <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i420" id="ref-for-dom-videopixelformat-i420①">I420</a></code> format, then the very first
+   <div class="example" id="example-33b7b945"><a class="self-link" href="#example-33b7b945"></a> If a <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑦②">VideoFrame</a></code> is in <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i420" id="ref-for-dom-videopixelformat-i420①">I420</a></code> format, then the very first
   component of the second plane (the U plane) corresponds to four pixels, that are
   the pixels in the top-left angle of the image. Consequently, the first
   component of the second row corresponds to the four pixels below those initial
@@ -5649,7 +5767,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     integer. Each row has a number of samples equal to the result of the
     division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth⑦">codedWidth</a></code> by 2, rounded up to the nearest
     integer. Samples are arranged starting at the top left of the image.</p>
-     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect⑦">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x④">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect⑧">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y④">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect⑧">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x④">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect⑨">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y④">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I420P10&quot;|I420P10" id="dom-videopixelformat-i420p10"><code>I420P10</code></dfn>
     <dd>
       This format is composed of three distinct planes, one plane of Luma and two
@@ -5664,7 +5782,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     integer. Each row has a number of samples equal to the result of the
     division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth①⓪">codedWidth</a></code> by 2, rounded up to the nearest
     integer. Samples are arranged starting at the top left of the image.</p>
-     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect⑨">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x⑤">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⓪">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y⑤">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⓪">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x⑤">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①①">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y⑤">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I420P12&quot;|I420P12" id="dom-videopixelformat-i420p12"><code>I420P12</code></dfn>
     <dd>
       This format is composed of three distinct planes, one plane of Luma and two
@@ -5679,7 +5797,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     integer. Each row has a number of samples equal to the result of the
     division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth①③">codedWidth</a></code> by 2, rounded up to the nearest
     integer. Samples are arranged starting at the top left of the image.</p>
-     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①①">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x⑥">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①②">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y⑥">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①②">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x⑥">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①③">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y⑥">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I420A&quot;|I420A" id="dom-videopixelformat-i420a"><code>I420A</code></dfn>
     <dd>
       This format is composed of four distinct planes, one plane of Luma, two
@@ -5696,7 +5814,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     integer. Each row has a number of samples equal to the result of the
     division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth①⑥">codedWidth</a></code> by 2, rounded up to the nearest
     integer. Samples are arranged starting at the top left of the image.</p>
-     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①③">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x⑦">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①④">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y⑦">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①④">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x⑦">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⑤">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y⑦">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
      <p><code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i420a" id="ref-for-dom-videopixelformat-i420a①">I420A</a></code>'s <a data-link-type="dfn" href="#equivalent-opaque-format" id="ref-for-equivalent-opaque-format③">equivalent opaque format</a> is <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i420" id="ref-for-dom-videopixelformat-i420②">I420</a></code>.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I420AP10&quot;|I420AP10" id="dom-videopixelformat-i420ap10"><code>I420AP10</code></dfn>
     <dd>
@@ -5714,7 +5832,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     integer. Each row has a number of samples equal to the result of the
     division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth①⑨">codedWidth</a></code> by 2, rounded up to the nearest
     integer. Samples are arranged starting at the top left of the image.</p>
-     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⑤">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x⑧">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⑥">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y⑧">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⑥">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x⑧">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⑦">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y⑧">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
      <p><code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i420ap10" id="ref-for-dom-videopixelformat-i420ap10①">I420AP10</a></code>'s <a data-link-type="dfn" href="#equivalent-opaque-format" id="ref-for-equivalent-opaque-format④">equivalent opaque format</a> is <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i420p10" id="ref-for-dom-videopixelformat-i420p10①">I420P10</a></code>.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I420AP12&quot;|I420AP12" id="dom-videopixelformat-i420ap12"><code>I420AP12</code></dfn>
     <dd>
@@ -5732,7 +5850,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     integer. Each row has a number of samples equal to the result of the
     division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth②②">codedWidth</a></code> by 2, rounded up to the nearest
     integer. Samples are arranged starting at the top left of the image.</p>
-     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⑦">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x⑨">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⑧">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y⑨">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⑧">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x⑨">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⑨">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y⑨">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
      <p><code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i420ap12" id="ref-for-dom-videopixelformat-i420ap12①">I420AP12</a></code>'s <a data-link-type="dfn" href="#equivalent-opaque-format" id="ref-for-equivalent-opaque-format⑤">equivalent opaque format</a> is <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i420p12" id="ref-for-dom-videopixelformat-i420p12①">I420P12</a></code>.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I422&quot;|I422" id="dom-videopixelformat-i422"><code>I422</code></dfn>
     <dd>
@@ -5749,7 +5867,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     number of samples equal to the result of the division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth②⑤">codedWidth</a></code> by 2, rounded up to the nearest integer. Samples
     are arranged starting at the top left of the image.</p>
      <p>The visible rectangle horizontal offset
-    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect①⑨">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①⓪">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②⓪">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①⓪">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I422P10&quot;|I422P10" id="dom-videopixelformat-i422p10"><code>I422P10</code></dfn>
     <dd>
       This format is composed of three distinct planes, one plane of Luma and two
@@ -5764,7 +5882,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     number of samples equal to the result of the division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth②⑧">codedWidth</a></code> by 2, rounded up to the nearest integer.
     Samples are arranged starting at the top left of the image.</p>
      <p>The visible rectangle horizontal offset
-    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②⓪">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①①">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②①">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①①">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I422P12&quot;|I422P12" id="dom-videopixelformat-i422p12"><code>I422P12</code></dfn>
     <dd>
       This format is composed of three distinct planes, one plane of Luma and two
@@ -5779,7 +5897,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     number of samples equal to the result of the division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth③①">codedWidth</a></code> by 2, rounded up to the nearest integer.
     Samples are arranged starting at the top left of the image.</p>
      <p>The visible rectangle horizontal offset
-    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②①">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①②">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②②">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①②">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I422A&quot;|I422A" id="dom-videopixelformat-i422a"><code>I422A</code></dfn>
     <dd>
       This format is composed of four distinct planes, one plane of Luma, two
@@ -5796,7 +5914,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     number of samples equal to the result of the division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth③④">codedWidth</a></code> by 2, rounded up to the nearest integer. Samples
     are arranged starting at the top left of the image.</p>
      <p>The visible rectangle horizontal offset
-    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②②">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①③">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②③">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①③">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
      <p><code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i422a" id="ref-for-dom-videopixelformat-i422a①">I422A</a></code>'s <a data-link-type="dfn" href="#equivalent-opaque-format" id="ref-for-equivalent-opaque-format⑥">equivalent opaque format</a> is <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i422" id="ref-for-dom-videopixelformat-i422①">I422</a></code>.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I422AP10&quot;|I422AP10" id="dom-videopixelformat-i422ap10"><code>I422AP10</code></dfn>
     <dd>
@@ -5814,7 +5932,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     number of samples equal to the result of the division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth③⑦">codedWidth</a></code> by 2, rounded up to the nearest integer.
     Samples are arranged starting at the top left of the image.</p>
      <p>The visible rectangle horizontal offset
-    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②③">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①④">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②④">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①④">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
      <p><code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i422ap10" id="ref-for-dom-videopixelformat-i422ap10①">I422AP10</a></code>'s <a data-link-type="dfn" href="#equivalent-opaque-format" id="ref-for-equivalent-opaque-format⑦">equivalent opaque format</a> is <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i420p10" id="ref-for-dom-videopixelformat-i420p10②">I420P10</a></code>.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I422AP12&quot;|I422AP12" id="dom-videopixelformat-i422ap12"><code>I422AP12</code></dfn>
     <dd>
@@ -5832,7 +5950,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     number of samples equal to the result of the division of <code class="idl"><a data-link-type="idl" href="#dom-videoframe-codedwidth" id="ref-for-dom-videoframe-codedwidth④⓪">codedWidth</a></code> by 2, rounded up to the nearest integer.
     Samples are arranged starting at the top left of the image.</p>
      <p>The visible rectangle horizontal offset
-    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②④">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①⑤">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+    (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②⑤">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①⑤">x</a></code>) <em class="rfc2119">MUST</em> be even.</p>
      <p><code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i422ap10" id="ref-for-dom-videopixelformat-i422ap10②">I422AP10</a></code>'s <a data-link-type="dfn" href="#equivalent-opaque-format" id="ref-for-equivalent-opaque-format⑧">equivalent opaque format</a> is <code class="idl"><a data-link-type="idl" href="#dom-videopixelformat-i420p10" id="ref-for-dom-videopixelformat-i420p10③">I420P10</a></code>.</p>
     <dt><dfn class="dfn-paneled idl-code" data-dfn-for="VideoPixelFormat" data-dfn-type="enum-value" data-export data-lt="&quot;I444&quot;|I444" id="dom-videopixelformat-i444"><code>I444</code></dfn>
     <dd>
@@ -5913,7 +6031,7 @@ <h3 class="heading settled" data-level="9.8" id="pixel-format"><span class="secn
     rounded up to the nearest integer. Each element is composed of two Chroma
     samples, the U and V samples, in that order. Samples are arranged starting
     at the top left of the image.</p>
-     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②⑤">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①⑥">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②⑥">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y①⓪">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
+     <p>The visible rectangle offset (<code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②⑥">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-x" id="ref-for-dom-domrectinit-x①⑥">x</a></code> and <code class="idl"><a data-link-type="idl" href="#dom-videoframe-visiblerect" id="ref-for-dom-videoframe-visiblerect②⑦">visibleRect</a></code>.<code class="idl"><a data-link-type="idl" href="https://drafts.fxtf.org/geometry-1/#dom-domrectinit-y" id="ref-for-dom-domrectinit-y①⓪">y</a></code>) <em class="rfc2119">MUST</em> be even.</p>
      <div class="example" id="example-26ede914">
       <a class="self-link" href="#example-26ede914"></a> An image in the NV12 pixel format that is 16 pixels wide and 10 pixels tall
     will be arranged like so in memory: 
@@ -5980,7 +6098,7 @@ <h3 class="heading settled" data-level="9.9" id="video-color-space-interface"><s
   <c- b>readonly</c-> <c- b>attribute</c-> <a data-link-type="idl-name" href="#enumdef-videocolorprimaries" id="ref-for-enumdef-videocolorprimaries"><c- n>VideoColorPrimaries</c-></a>? <a class="idl-code" data-link-type="attribute" data-readonly data-type="VideoColorPrimaries?" href="#dom-videocolorspace-primaries" id="ref-for-dom-videocolorspace-primaries"><c- g>primaries</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a data-link-type="idl-name" href="#enumdef-videotransfercharacteristics" id="ref-for-enumdef-videotransfercharacteristics"><c- n>VideoTransferCharacteristics</c-></a>? <a class="idl-code" data-link-type="attribute" data-readonly data-type="VideoTransferCharacteristics?" href="#dom-videocolorspace-transfer" id="ref-for-dom-videocolorspace-transfer"><c- g>transfer</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a data-link-type="idl-name" href="#enumdef-videomatrixcoefficients" id="ref-for-enumdef-videomatrixcoefficients"><c- n>VideoMatrixCoefficients</c-></a>? <a class="idl-code" data-link-type="attribute" data-readonly data-type="VideoMatrixCoefficients?" href="#dom-videocolorspace-matrix" id="ref-for-dom-videocolorspace-matrix"><c- g>matrix</c-></a>;
-  <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①②"><c- b>boolean</c-></a>? <a class="idl-code" data-link-type="attribute" data-readonly data-type="boolean?" href="#dom-videocolorspace-fullrange" id="ref-for-dom-videocolorspace-fullrange"><c- g>fullRange</c-></a>;
+  <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①⑥"><c- b>boolean</c-></a>? <a class="idl-code" data-link-type="attribute" data-readonly data-type="boolean?" href="#dom-videocolorspace-fullrange" id="ref-for-dom-videocolorspace-fullrange"><c- g>fullRange</c-></a>;
 
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#Default" id="ref-for-Default"><c- g>Default</c-></a>] <a data-link-type="idl-name" href="#dictdef-videocolorspaceinit" id="ref-for-dictdef-videocolorspaceinit⑤"><c- n>VideoColorSpaceInit</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="VideoColorSpace" data-dfn-type="method" data-export data-lt="toJSON()" id="dom-videocolorspace-tojson"><code><c- g>toJSON</c-></code></dfn>();
 };
@@ -5989,7 +6107,7 @@ <h3 class="heading settled" data-level="9.9" id="video-color-space-interface"><s
   <a data-link-type="idl-name" href="#enumdef-videocolorprimaries" id="ref-for-enumdef-videocolorprimaries①"><c- n>VideoColorPrimaries</c-></a>? <dfn class="dfn-paneled idl-code" data-default="null" data-dfn-for="VideoColorSpaceInit" data-dfn-type="dict-member" data-export data-type="VideoColorPrimaries?" id="dom-videocolorspaceinit-primaries"><code><c- g>primaries</c-></code></dfn> = <c- b>null</c->;
   <a data-link-type="idl-name" href="#enumdef-videotransfercharacteristics" id="ref-for-enumdef-videotransfercharacteristics①"><c- n>VideoTransferCharacteristics</c-></a>? <dfn class="dfn-paneled idl-code" data-default="null" data-dfn-for="VideoColorSpaceInit" data-dfn-type="dict-member" data-export data-type="VideoTransferCharacteristics?" id="dom-videocolorspaceinit-transfer"><code><c- g>transfer</c-></code></dfn> = <c- b>null</c->;
   <a data-link-type="idl-name" href="#enumdef-videomatrixcoefficients" id="ref-for-enumdef-videomatrixcoefficients①"><c- n>VideoMatrixCoefficients</c-></a>? <dfn class="dfn-paneled idl-code" data-default="null" data-dfn-for="VideoColorSpaceInit" data-dfn-type="dict-member" data-export data-type="VideoMatrixCoefficients?" id="dom-videocolorspaceinit-matrix"><code><c- g>matrix</c-></code></dfn> = <c- b>null</c->;
-  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①③"><c- b>boolean</c-></a>? <dfn class="dfn-paneled idl-code" data-default="null" data-dfn-for="VideoColorSpaceInit" data-dfn-type="dict-member" data-export data-type="boolean?" id="dom-videocolorspaceinit-fullrange"><code><c- g>fullRange</c-></code></dfn> = <c- b>null</c->;
+  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①⑦"><c- b>boolean</c-></a>? <dfn class="dfn-paneled idl-code" data-default="null" data-dfn-for="VideoColorSpaceInit" data-dfn-type="dict-member" data-export data-type="boolean?" id="dom-videocolorspaceinit-fullrange"><code><c- g>fullRange</c-></code></dfn> = <c- b>null</c->;
 };
 </pre>
    <h4 class="heading settled" data-level="9.9.1" id="videocolorspace-internal-slots"><span class="secno">9.9.1. </span><span class="content">Internal Slots</span><a class="self-link" href="#videocolorspace-internal-slots"></a></h4>
@@ -6036,7 +6154,7 @@ <h4 class="heading settled" data-level="9.9.3" id="videocolorspace-attributes"><
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoColorSpace" data-dfn-type="attribute" data-export id="dom-videocolorspace-matrix"><code>matrix</code></dfn>, <span> of type <a data-link-type="idl-name" href="#enumdef-videomatrixcoefficients" id="ref-for-enumdef-videomatrixcoefficients②">VideoMatrixCoefficients</a>, readonly, nullable</span>
     <dd data-md>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-videocolorspace-matrix" id="ref-for-dom-videocolorspace-matrix①">matrix</a></code> getter steps are to return the value of <code class="idl"><a data-link-type="idl" href="#dom-videocolorspace-matrix-slot" id="ref-for-dom-videocolorspace-matrix-slot④">[[matrix]]</a></code>.</p>
-    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoColorSpace" data-dfn-type="attribute" data-export id="dom-videocolorspace-fullrange"><code>fullRange</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①④">boolean</a>, readonly, nullable</span>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="VideoColorSpace" data-dfn-type="attribute" data-export id="dom-videocolorspace-fullrange"><code>fullRange</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①⑧">boolean</a>, readonly, nullable</span>
     <dd data-md>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-videocolorspace-fullrange" id="ref-for-dom-videocolorspace-fullrange①">fullRange</a></code> getter steps are to return the value of <code class="idl"><a data-link-type="idl" href="#dom-videocolorspace-full-range-slot" id="ref-for-dom-videocolorspace-full-range-slot④">[[full range]]</a></code>.</p>
    </dl>
@@ -6119,7 +6237,7 @@ <h3 class="heading settled" data-level="10.1" id="image-decoding-background"><sp
   corresponding file format. Hence image decoders often perform both duties of
   unpacking (demuxing) as well as decoding the encoded image data. The WebCodecs <code class="idl"><a data-link-type="idl" href="#imagedecoder" id="ref-for-imagedecoder">ImageDecoder</a></code> follows this pattern, which motivates an interface design that
   is notably different from that of <code class="idl"><a data-link-type="idl" href="#videodecoder" id="ref-for-videodecoder⑥">VideoDecoder</a></code> and <code class="idl"><a data-link-type="idl" href="#audiodecoder" id="ref-for-audiodecoder④">AudioDecoder</a></code>.</p>
-    <p>In spite of these differences, <code class="idl"><a data-link-type="idl" href="#imagedecoder" id="ref-for-imagedecoder①">ImageDecoder</a></code> uses the same <a data-link-type="dfn" href="#codec-processing-model" id="ref-for-codec-processing-model">codec processing model</a> as the other codec interfaces. Additionally, <code class="idl"><a data-link-type="idl" href="#imagedecoder" id="ref-for-imagedecoder②">ImageDecoder</a></code> uses the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑥⑨">VideoFrame</a></code> interface to describe decoded outputs.</p>
+    <p>In spite of these differences, <code class="idl"><a data-link-type="idl" href="#imagedecoder" id="ref-for-imagedecoder①">ImageDecoder</a></code> uses the same <a data-link-type="dfn" href="#codec-processing-model" id="ref-for-codec-processing-model">codec processing model</a> as the other codec interfaces. Additionally, <code class="idl"><a data-link-type="idl" href="#imagedecoder" id="ref-for-imagedecoder②">ImageDecoder</a></code> uses the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑦③">VideoFrame</a></code> interface to describe decoded outputs.</p>
    </div>
    <h3 class="heading settled" data-level="10.2" id="imagedecoder-interface"><span class="secno">10.2. </span><span class="content">ImageDecoder Interface</span><a class="self-link" href="#imagedecoder-interface"></a></h3>
 <pre class="idl highlight def">[<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#Exposed" id="ref-for-Exposed⑨"><c- g>Exposed</c-></a>=(<c- n>Window</c->,<c- n>DedicatedWorker</c->), <a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#SecureContext" id="ref-for-SecureContext④"><c- g>SecureContext</c-></a>]
@@ -6127,7 +6245,7 @@ <h3 class="heading settled" data-level="10.2" id="imagedecoder-interface"><span
   <a class="idl-code" data-link-type="constructor" href="#dom-imagedecoder-imagedecoder" id="ref-for-dom-imagedecoder-imagedecoder"><c- g>constructor</c-></a>(<a data-link-type="idl-name" href="#dictdef-imagedecoderinit" id="ref-for-dictdef-imagedecoderinit"><c- n>ImageDecoderInit</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecoder/ImageDecoder(init), ImageDecoder/constructor(init)" data-dfn-type="argument" data-export id="dom-imagedecoder-imagedecoder-init-init"><code><c- g>init</c-></code></dfn>);
 
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-DOMString" id="ref-for-idl-DOMString①②"><c- b>DOMString</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="DOMString" href="#dom-imagedecoder-type" id="ref-for-dom-imagedecoder-type"><c- g>type</c-></a>;
-  <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①⑤"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="boolean" href="#dom-imagedecoder-complete" id="ref-for-dom-imagedecoder-complete"><c- g>complete</c-></a>;
+  <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①⑨"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="boolean" href="#dom-imagedecoder-complete" id="ref-for-dom-imagedecoder-complete"><c- g>complete</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-promise" id="ref-for-idl-promise①⓪"><c- b>Promise</c-></a>&lt;<a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-undefined" id="ref-for-idl-undefined③⓪"><c- b>undefined</c-></a>> <a class="idl-code" data-link-type="attribute" data-readonly data-type="Promise<undefined>" href="#dom-imagedecoder-completed" id="ref-for-dom-imagedecoder-completed"><c- g>completed</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a data-link-type="idl-name" href="#imagetracklist" id="ref-for-imagetracklist"><c- n>ImageTrackList</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="ImageTrackList" href="#dom-imagedecoder-tracks" id="ref-for-dom-imagedecoder-tracks"><c- g>tracks</c-></a>;
 
@@ -6135,7 +6253,7 @@ <h3 class="heading settled" data-level="10.2" id="imagedecoder-interface"><span
   <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-undefined" id="ref-for-idl-undefined③①"><c- b>undefined</c-></a> <a class="idl-code" data-link-type="method" href="#dom-imagedecoder-reset" id="ref-for-dom-imagedecoder-reset"><c- g>reset</c-></a>();
   <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-undefined" id="ref-for-idl-undefined③②"><c- b>undefined</c-></a> <a class="idl-code" data-link-type="method" href="#dom-imagedecoder-close" id="ref-for-dom-imagedecoder-close"><c- g>close</c-></a>();
 
-  <c- b>static</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-promise" id="ref-for-idl-promise①②"><c- b>Promise</c-></a>&lt;<a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①⑥"><c- b>boolean</c-></a>> <a class="idl-code" data-link-type="method" href="#dom-imagedecoder-istypesupported" id="ref-for-dom-imagedecoder-istypesupported"><c- g>isTypeSupported</c-></a>(<a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-DOMString" id="ref-for-idl-DOMString①③"><c- b>DOMString</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecoder/isTypeSupported(type)" data-dfn-type="argument" data-export id="dom-imagedecoder-istypesupported-type-type"><code><c- g>type</c-></code></dfn>);
+  <c- b>static</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-promise" id="ref-for-idl-promise①②"><c- b>Promise</c-></a>&lt;<a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②⓪"><c- b>boolean</c-></a>> <a class="idl-code" data-link-type="method" href="#dom-imagedecoder-istypesupported" id="ref-for-dom-imagedecoder-istypesupported"><c- g>isTypeSupported</c-></a>(<a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-DOMString" id="ref-for-idl-DOMString①③"><c- b>DOMString</c-></a> <dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecoder/isTypeSupported(type)" data-dfn-type="argument" data-export id="dom-imagedecoder-istypesupported-type-type"><code><c- g>type</c-></code></dfn>);
 };
 
 </pre>
@@ -6191,7 +6309,7 @@ <h4 class="heading settled" data-level="10.2.1" id="imagedecoder-internal-slots"
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecoder" data-dfn-type="attribute" data-export id="dom-imagedecoder-progressive-frame-generations-slot"><code>[[progressive frame generations]]</code></dfn>
     <dd data-md>
      <p>A mapping of frame indices to <a data-link-type="dfn" href="#progressive-image-frame-generation" id="ref-for-progressive-image-frame-generation">Progressive Image Frame Generations</a>. The
-values represent the Progressive Image Frame Generation for the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑦⓪">VideoFrame</a></code> which was most recently output by a call to <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-decode" id="ref-for-dom-imagedecoder-decode①">decode()</a></code> with the given frame index.</p>
+values represent the Progressive Image Frame Generation for the <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑦④">VideoFrame</a></code> which was most recently output by a call to <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-decode" id="ref-for-dom-imagedecoder-decode①">decode()</a></code> with the given frame index.</p>
    </dl>
    <h4 class="heading settled" data-level="10.2.2" id="imagedecoder-constructor"><span class="secno">10.2.2. </span><span class="content">Constructor</span><a class="self-link" href="#imagedecoder-constructor"></a></h4>
    <dl>
@@ -6236,7 +6354,7 @@ <h4 class="heading settled" data-level="10.2.2" id="imagedecoder-constructor"><s
       <li data-md>
        <p>Assign <code>null</code> to <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-codec-implementation-slot" id="ref-for-dom-imagedecoder-codec-implementation-slot①">[[codec implementation]]</a></code>.</p>
       <li data-md>
-       <p>If <code>init.preferAnimation</code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists③①">exists</a>, assign <code>init.preferAnimation</code> to the <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-prefer-animation-slot" id="ref-for-dom-imagedecoder-prefer-animation-slot">[[prefer animation]]</a></code> internal slot. Otherwise,
+       <p>If <code>init.preferAnimation</code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists③⓪">exists</a>, assign <code>init.preferAnimation</code> to the <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-prefer-animation-slot" id="ref-for-dom-imagedecoder-prefer-animation-slot">[[prefer animation]]</a></code> internal slot. Otherwise,
 assign 'null' to <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-prefer-animation-slot" id="ref-for-dom-imagedecoder-prefer-animation-slot①">[[prefer animation]]</a></code> internal slot.</p>
       <li data-md>
        <p>Assign a new <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#list" id="ref-for-list①⑦">list</a> to <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-pending-decode-promises-slot" id="ref-for-dom-imagedecoder-pending-decode-promises-slot">[[pending decode promises]]</a></code>.</p>
@@ -6346,7 +6464,7 @@ <h4 class="heading settled" data-level="10.2.3" id="imagedecoder-attributes"><sp
      <p>A string reflecting the value of the MIME <code class="idl"><a data-link-type="idl" href="#dom-imagedecoderinit-type" id="ref-for-dom-imagedecoderinit-type②">type</a></code> given at
 construction.</p>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-type" id="ref-for-dom-imagedecoder-type①">type</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-type-slot" id="ref-for-dom-imagedecoder-type-slot①">[[type]]</a></code>.</p>
-    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecoder" data-dfn-type="attribute" data-export id="dom-imagedecoder-complete"><code>complete</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①⑦">boolean</a>, readonly</span>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecoder" data-dfn-type="attribute" data-export id="dom-imagedecoder-complete"><code>complete</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②①">boolean</a>, readonly</span>
     <dd data-md>
      <p>Indicates whether <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-encoded-data-slot" id="ref-for-dom-imagedecoder-encoded-data-slot⑥">[[encoded data]]</a></code> is completely buffered.</p>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-complete" id="ref-for-dom-imagedecoder-complete①">complete</a></code> getter steps are to return <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-complete-slot" id="ref-for-dom-imagedecoder-complete-slot③">[[complete]]</a></code>.</p>
@@ -6877,7 +6995,7 @@ <h3 class="heading settled" data-level="10.3" id="imagedecoderinit-interface"><s
   <a data-link-type="idl-name" href="https://html.spec.whatwg.org/multipage/imagebitmap-and-animations.html#colorspaceconversion" id="ref-for-colorspaceconversion"><c- n>ColorSpaceConversion</c-></a> <a class="idl-code" data-default="&quot;default&quot;" data-link-type="dict-member" data-type="ColorSpaceConversion" href="#dom-imagedecoderinit-colorspaceconversion" id="ref-for-dom-imagedecoderinit-colorspaceconversion①"><c- g>colorSpaceConversion</c-></a> = "default";
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#EnforceRange" id="ref-for-EnforceRange③④"><c- g>EnforceRange</c-></a>] <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑧⓪"><c- b>unsigned</c-> <c- b>long</c-></a> <a class="idl-code" data-link-type="dict-member" data-type="unsigned long" href="#dom-imagedecoderinit-desiredwidth" id="ref-for-dom-imagedecoderinit-desiredwidth①"><c- g>desiredWidth</c-></a>;
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#EnforceRange" id="ref-for-EnforceRange③⑤"><c- g>EnforceRange</c-></a>] <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑧①"><c- b>unsigned</c-> <c- b>long</c-></a> <a class="idl-code" data-link-type="dict-member" data-type="unsigned long" href="#dom-imagedecoderinit-desiredheight" id="ref-for-dom-imagedecoderinit-desiredheight①"><c- g>desiredHeight</c-></a>;
-  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①⑧"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="dict-member" data-type="boolean" href="#dom-imagedecoderinit-preferanimation" id="ref-for-dom-imagedecoderinit-preferanimation①"><c- g>preferAnimation</c-></a>;
+  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②②"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="dict-member" data-type="boolean" href="#dom-imagedecoderinit-preferanimation" id="ref-for-dom-imagedecoderinit-preferanimation①"><c- g>preferAnimation</c-></a>;
   <a data-link-type="dfn" href="https://webidl.spec.whatwg.org/#idl-sequence" id="ref-for-idl-sequence⑦"><c- b>sequence</c-></a>&lt;<a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-ArrayBuffer" id="ref-for-idl-ArrayBuffer①④"><c- b>ArrayBuffer</c-></a>> <dfn class="dfn-paneled idl-code" data-default="[]" data-dfn-for="ImageDecoderInit" data-dfn-type="dict-member" data-export data-type="sequence<ArrayBuffer>" id="dom-imagedecoderinit-transfer"><code><c- g>transfer</c-></code></dfn> = [];
 };
 
@@ -6898,9 +7016,9 @@ <h3 class="heading settled" data-level="10.3" id="imagedecoderinit-interface"><s
        <p>If <var>data</var> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#list-is-empty" id="ref-for-list-is-empty①">is empty</a>, return <code>false</code>.</p>
      </ol>
     <li data-md>
-     <p>If <code class="idl"><a data-link-type="idl" href="#dom-imagedecoderinit-desiredwidth" id="ref-for-dom-imagedecoderinit-desiredwidth②">desiredWidth</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists③②">exists</a> and <code class="idl"><a data-link-type="idl" href="#dom-imagedecoderinit-desiredheight" id="ref-for-dom-imagedecoderinit-desiredheight②">desiredHeight</a></code> does not exist, return <code>false</code>.</p>
+     <p>If <code class="idl"><a data-link-type="idl" href="#dom-imagedecoderinit-desiredwidth" id="ref-for-dom-imagedecoderinit-desiredwidth②">desiredWidth</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists③①">exists</a> and <code class="idl"><a data-link-type="idl" href="#dom-imagedecoderinit-desiredheight" id="ref-for-dom-imagedecoderinit-desiredheight②">desiredHeight</a></code> does not exist, return <code>false</code>.</p>
     <li data-md>
-     <p>If <code class="idl"><a data-link-type="idl" href="#dom-imagedecoderinit-desiredheight" id="ref-for-dom-imagedecoderinit-desiredheight③">desiredHeight</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists③③">exists</a> and <code class="idl"><a data-link-type="idl" href="#dom-imagedecoderinit-desiredwidth" id="ref-for-dom-imagedecoderinit-desiredwidth③">desiredWidth</a></code> does not exist, return <code>false</code>.</p>
+     <p>If <code class="idl"><a data-link-type="idl" href="#dom-imagedecoderinit-desiredheight" id="ref-for-dom-imagedecoderinit-desiredheight③">desiredHeight</a></code> <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#map-exists" id="ref-for-map-exists③②">exists</a> and <code class="idl"><a data-link-type="idl" href="#dom-imagedecoderinit-desiredwidth" id="ref-for-dom-imagedecoderinit-desiredwidth③">desiredWidth</a></code> does not exist, return <code>false</code>.</p>
     <li data-md>
      <p>Return <code>true</code>.</p>
    </ol>
@@ -6928,7 +7046,7 @@ <h3 class="heading settled" data-level="10.3" id="imagedecoderinit-interface"><s
      <p>Indicates a desired height for decoded outputs. Implementation is best
 effort; decoding to a desired height <em class="rfc2119">MAY</em> not be
 supported by all formats/decoders.</p>
-    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecoderInit" data-dfn-type="dict-member" data-export id="dom-imagedecoderinit-preferanimation"><code>preferAnimation</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean①⑨">boolean</a></span>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecoderInit" data-dfn-type="dict-member" data-export id="dom-imagedecoderinit-preferanimation"><code>preferAnimation</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②③">boolean</a></span>
     <dd data-md>
      <p>For images with multiple tracks, this indicates whether the
 initial track selection <em class="rfc2119">SHOULD</em> prefer an animated
@@ -6938,7 +7056,7 @@ <h3 class="heading settled" data-level="10.3" id="imagedecoderinit-interface"><s
    <h3 class="heading settled" data-level="10.4" id="imagedecodeoptions-interface"><span class="secno">10.4. </span><span class="content">ImageDecodeOptions Interface</span><a class="self-link" href="#imagedecodeoptions-interface"></a></h3>
 <pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="dfn-paneled idl-code" data-dfn-type="dictionary" data-export id="dictdef-imagedecodeoptions"><code><c- g>ImageDecodeOptions</c-></code></dfn> {
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#EnforceRange" id="ref-for-EnforceRange③⑥"><c- g>EnforceRange</c-></a>] <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑧④"><c- b>unsigned</c-> <c- b>long</c-></a> <a class="idl-code" data-default="0" data-link-type="dict-member" data-type="unsigned long" href="#dom-imagedecodeoptions-frameindex" id="ref-for-dom-imagedecodeoptions-frameindex②"><c- g>frameIndex</c-></a> = 0;
-  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②⓪"><c- b>boolean</c-></a> <a class="idl-code" data-default="true" data-link-type="dict-member" data-type="boolean" href="#dom-imagedecodeoptions-completeframesonly" id="ref-for-dom-imagedecodeoptions-completeframesonly①"><c- g>completeFramesOnly</c-></a> = <c- b>true</c->;
+  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②④"><c- b>boolean</c-></a> <a class="idl-code" data-default="true" data-link-type="dict-member" data-type="boolean" href="#dom-imagedecodeoptions-completeframesonly" id="ref-for-dom-imagedecodeoptions-completeframesonly①"><c- g>completeFramesOnly</c-></a> = <c- b>true</c->;
 };
 
 </pre>
@@ -6946,7 +7064,7 @@ <h3 class="heading settled" data-level="10.4" id="imagedecodeoptions-interface">
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecodeOptions" data-dfn-type="dict-member" data-export id="dom-imagedecodeoptions-frameindex"><code>frameIndex</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑧⑤">unsigned long</a>, defaulting to <code>0</code></span>
     <dd data-md>
      <p>The index of the frame to decode.</p>
-    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecodeOptions" data-dfn-type="dict-member" data-export id="dom-imagedecodeoptions-completeframesonly"><code>completeFramesOnly</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②①">boolean</a>, defaulting to <code>true</code></span>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecodeOptions" data-dfn-type="dict-member" data-export id="dom-imagedecodeoptions-completeframesonly"><code>completeFramesOnly</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②⑤">boolean</a>, defaulting to <code>true</code></span>
     <dd data-md>
      <p>For <a data-link-type="dfn" href="#progressive-image" id="ref-for-progressive-image②">Progressive Images</a>, a value of <code>false</code> indicates that the decoder <em class="rfc2119">MAY</em> output an <code class="idl"><a data-link-type="idl" href="#dom-imagedecoderesult-image" id="ref-for-dom-imagedecoderesult-image②">image</a></code> with
 reduced detail. Each subsequent call to <code class="idl"><a data-link-type="idl" href="#dom-imagedecoder-decode" id="ref-for-dom-imagedecoder-decode③">decode()</a></code> for the
@@ -6966,16 +7084,16 @@ <h3 class="heading settled" data-level="10.4" id="imagedecodeoptions-interface">
    </dl>
    <h3 class="heading settled" data-level="10.5" id="imagedecoderesult-interface"><span class="secno">10.5. </span><span class="content">ImageDecodeResult Interface</span><a class="self-link" href="#imagedecoderesult-interface"></a></h3>
 <pre class="idl highlight def"><c- b>dictionary</c-> <dfn class="dfn-paneled idl-code" data-dfn-type="dictionary" data-export id="dictdef-imagedecoderesult"><code><c- g>ImageDecodeResult</c-></code></dfn> {
-  <c- b>required</c-> <a data-link-type="idl-name" href="#videoframe" id="ref-for-videoframe⑦①"><c- n>VideoFrame</c-></a> <a class="idl-code" data-link-type="dict-member" data-type="VideoFrame" href="#dom-imagedecoderesult-image" id="ref-for-dom-imagedecoderesult-image③"><c- g>image</c-></a>;
-  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②②"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="dict-member" data-type="boolean" href="#dom-imagedecoderesult-complete" id="ref-for-dom-imagedecoderesult-complete④"><c- g>complete</c-></a>;
+  <c- b>required</c-> <a data-link-type="idl-name" href="#videoframe" id="ref-for-videoframe⑦⑤"><c- n>VideoFrame</c-></a> <a class="idl-code" data-link-type="dict-member" data-type="VideoFrame" href="#dom-imagedecoderesult-image" id="ref-for-dom-imagedecoderesult-image③"><c- g>image</c-></a>;
+  <c- b>required</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②⑥"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="dict-member" data-type="boolean" href="#dom-imagedecoderesult-complete" id="ref-for-dom-imagedecoderesult-complete④"><c- g>complete</c-></a>;
 };
 
 </pre>
    <dl>
-    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecodeResult" data-dfn-type="dict-member" data-export id="dom-imagedecoderesult-image"><code>image</code></dfn>, <span> of type <a data-link-type="idl-name" href="#videoframe" id="ref-for-videoframe⑦②">VideoFrame</a></span>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecodeResult" data-dfn-type="dict-member" data-export id="dom-imagedecoderesult-image"><code>image</code></dfn>, <span> of type <a data-link-type="idl-name" href="#videoframe" id="ref-for-videoframe⑦⑥">VideoFrame</a></span>
     <dd data-md>
      <p>The decoded image.</p>
-    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecodeResult" data-dfn-type="dict-member" data-export id="dom-imagedecoderesult-complete"><code>complete</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②③">boolean</a></span>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageDecodeResult" data-dfn-type="dict-member" data-export id="dom-imagedecoderesult-complete"><code>complete</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②⑦">boolean</a></span>
     <dd data-md>
      <p>Indicates whether <code class="idl"><a data-link-type="idl" href="#dom-imagedecoderesult-image" id="ref-for-dom-imagedecoderesult-image④">image</a></code> contains the final full-detail
 output.</p>
@@ -7034,10 +7152,10 @@ <h4 class="heading settled" data-level="10.6.2" id="imagetracklist-attributes"><
    <h3 class="heading settled" data-level="10.7" id="imagetrack-interface"><span class="secno">10.7. </span><span class="content">ImageTrack Interface</span><a class="self-link" href="#imagetrack-interface"></a></h3>
 <pre class="idl highlight def">[<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#Exposed" id="ref-for-Exposed①①"><c- g>Exposed</c-></a>=(<c- n>Window</c->,<c- n>DedicatedWorker</c->)]
 <c- b>interface</c-> <dfn class="dfn-paneled idl-code" data-dfn-type="interface" data-export id="imagetrack"><code><c- g>ImageTrack</c-></code></dfn> {
-  <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②④"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="boolean" href="#dom-imagetrack-animated" id="ref-for-dom-imagetrack-animated②"><c- g>animated</c-></a>;
+  <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②⑧"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="boolean" href="#dom-imagetrack-animated" id="ref-for-dom-imagetrack-animated②"><c- g>animated</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long" id="ref-for-idl-unsigned-long⑧⑨"><c- b>unsigned</c-> <c- b>long</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="unsigned long" href="#dom-imagetrack-framecount" id="ref-for-dom-imagetrack-framecount②"><c- g>frameCount</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unrestricted-float" id="ref-for-idl-unrestricted-float"><c- b>unrestricted</c-> <c- b>float</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="unrestricted float" href="#dom-imagetrack-repetitioncount" id="ref-for-dom-imagetrack-repetitioncount"><c- g>repetitionCount</c-></a>;
-  <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②⑤"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="attribute" data-type="boolean" href="#dom-imagetrack-selected" id="ref-for-dom-imagetrack-selected"><c- g>selected</c-></a>;
+  <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②⑨"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="attribute" data-type="boolean" href="#dom-imagetrack-selected" id="ref-for-dom-imagetrack-selected"><c- g>selected</c-></a>;
 };
 
 </pre>
@@ -7065,7 +7183,7 @@ <h4 class="heading settled" data-level="10.7.1" id="imagetrack-internal-slots"><
    </dl>
    <h4 class="heading settled" data-level="10.7.2" id="imagetrack-attributes"><span class="secno">10.7.2. </span><span class="content">Attributes</span><a class="self-link" href="#imagetrack-attributes"></a></h4>
    <dl>
-    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageTrack" data-dfn-type="attribute" data-export id="dom-imagetrack-animated"><code>animated</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②⑥">boolean</a>, readonly</span>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageTrack" data-dfn-type="attribute" data-export id="dom-imagetrack-animated"><code>animated</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean③⓪">boolean</a>, readonly</span>
     <dd data-md>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-imagetrack-animated" id="ref-for-dom-imagetrack-animated③">animated</a></code> getter steps are to return the value of <code class="idl"><a data-link-type="idl" href="#dom-imagetrack-animated-slot" id="ref-for-dom-imagetrack-animated-slot①">[[animated]]</a></code>.</p>
      <p class="note" role="note"><span class="marker">NOTE:</span> This attribute provides an early indication that <code class="idl"><a data-link-type="idl" href="#dom-imagetrack-framecount" id="ref-for-dom-imagetrack-framecount③">frameCount</a></code> will ultimately exceed 0 for images where the <code class="idl"><a data-link-type="idl" href="#dom-imagetrack-framecount" id="ref-for-dom-imagetrack-framecount④">frameCount</a></code> starts at <code>0</code> and later increments as new
@@ -7076,7 +7194,7 @@ <h4 class="heading settled" data-level="10.7.2" id="imagetrack-attributes"><span
     <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageTrack" data-dfn-type="attribute" data-export id="dom-imagetrack-repetitioncount"><code>repetitionCount</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-unrestricted-float" id="ref-for-idl-unrestricted-float①">unrestricted float</a>, readonly</span>
     <dd data-md>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-imagetrack-repetitioncount" id="ref-for-dom-imagetrack-repetitioncount①">repetitionCount</a></code> getter steps are to return the value of <code class="idl"><a data-link-type="idl" href="#dom-imagetrack-repetition-count-slot" id="ref-for-dom-imagetrack-repetition-count-slot①">[[repetition count]]</a></code>.</p>
-    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageTrack" data-dfn-type="attribute" data-export id="dom-imagetrack-selected"><code>selected</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean②⑦">boolean</a></span>
+    <dt data-md><dfn class="dfn-paneled idl-code" data-dfn-for="ImageTrack" data-dfn-type="attribute" data-export id="dom-imagetrack-selected"><code>selected</code></dfn>, <span> of type <a data-link-type="idl-name" href="https://webidl.spec.whatwg.org/#idl-boolean" id="ref-for-idl-boolean③①">boolean</a></span>
     <dd data-md>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-imagetrack-selected" id="ref-for-dom-imagetrack-selected①">selected</a></code> getter steps are to return the value of <code class="idl"><a data-link-type="idl" href="#dom-imagetrack-selected-slot" id="ref-for-dom-imagetrack-selected-slot②">[[selected]]</a></code>.</p>
      <p>The <code class="idl"><a data-link-type="idl" href="#dom-imagetrack-selected" id="ref-for-dom-imagetrack-selected②">selected</a></code> setter steps are:</p>
@@ -7223,7 +7341,7 @@ <h2 class="heading settled" data-level="14" id="best-practices-developers"><span
       <p>While WebCodecs internally operates on background threads, authors working with
   realtime media or in contended main thread environments are encouraged to ensure their
   media pipelines operate in worker contexts entirely independent of the main
-  thread where possible. For example, realtime media processing of <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑦③">VideoFrame</a></code>s
+  thread where possible. For example, realtime media processing of <code class="idl"><a data-link-type="idl" href="#videoframe" id="ref-for-videoframe⑦⑦">VideoFrame</a></code>s
   are generally to be done in a worker context.</p>
       <p>The main thread has significant potential for high contention and jank that can
   go unnoticed in development, yet degrade inconsistently across devices and User
@@ -7307,6 +7425,7 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
      <li><a href="#dom-audioencoder-active-output-config-slot">attribute for AudioEncoder</a><span>, in § 5.1</span>
      <li><a href="#dom-videoencoder-active-output-config-slot">attribute for VideoEncoder</a><span>, in § 6.1</span>
     </ul>
+   <li><a href="#videoframe-add-rotations">Add Rotations</a><span>, in § 9.4.6</span>
    <li><a href="#combined-buffer-layout-allocationsize">allocationSize</a><span>, in § 9.4.4</span>
    <li><a href="#dom-videoframe-allocationsize">allocationSize()</a><span>, in § 9.4.5</span>
    <li>
@@ -7753,6 +7872,14 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
    <li><a href="#sub-sampling-factor">factor</a><span>, in § 9.8</span>
    <li><a href="#imagedecoder-fatally-reject-bad-data">Fatally Reject Bad Data</a><span>, in § 10.2.5</span>
    <li><a href="#imagedecoder-fetch-stream-data-loop">Fetch Stream Data Loop</a><span>, in § 10.2.5</span>
+   <li><a href="#dom-videoframe-flip-slot">[[flip]]</a><span>, in § 9.4.1</span>
+   <li>
+    flip
+    <ul>
+     <li><a href="#dom-videoframe-flip">attribute for VideoFrame</a><span>, in § 9.4.3</span>
+     <li><a href="#dom-videoframebufferinit-flip">dict-member for VideoFrameBufferInit</a><span>, in § 9.4</span>
+     <li><a href="#dom-videoframeinit-flip">dict-member for VideoFrameInit</a><span>, in § 9.4</span>
+    </ul>
    <li>
     flush()
     <ul>
@@ -7864,8 +7991,8 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
    <li><a href="#inactive-codec">inactive</a><span>, in § 11</span>
    <li><a href="#inactive-codec">inactive codec</a><span>, in § 11</span>
    <li><a href="#videoframe-initialize-frame-from-other-frame">Initialize Frame From Other Frame</a><span>, in § 9.4.6</span>
-   <li><a href="#videoframe-initialize-frame-with-resource-and-size">Initialize Frame With Resource and Size</a><span>, in § 9.4.6</span>
-   <li><a href="#videoframe-initialize-visible-rect-and-display-size">Initialize Visible Rect and Display Size</a><span>, in § 9.4.6</span>
+   <li><a href="#videoframe-initialize-frame-with-resource">Initialize Frame With Resource</a><span>, in § 9.4.6</span>
+   <li><a href="#videoframe-initialize-visible-rect-orientation-and-display-size">Initialize Visible Rect, Orientation, and Display Size</a><span>, in § 9.4.6</span>
    <li><a href="#interleaved">interleaved</a><span>, in § 9.3.1</span>
    <li>
     [[internal data]]
@@ -7990,6 +8117,7 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
    <li><a href="#output-encodedaudiochunks">Output EncodedAudioChunks</a><span>, in § 5.6</span>
    <li><a href="#output-encodedvideochunks">Output EncodedVideoChunks</a><span>, in § 6.6</span>
    <li><a href="#output-videoframes">Output VideoFrames</a><span>, in § 4.6</span>
+   <li><a href="#videoframe-parse-rotation">Parse Rotation</a><span>, in § 9.4.6</span>
    <li><a href="#videoframe-parse-videoframecopytooptions">Parse VideoFrameCopyToOptions</a><span>, in § 9.4.6</span>
    <li><a href="#videoframe-parse-visible-rect">Parse Visible Rect</a><span>, in § 9.4.6</span>
    <li><a href="#dom-imagedecoder-pending-decode-promises-slot">[[pending decode promises]]</a><span>, in § 10.2.1</span>
@@ -8068,6 +8196,14 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
    <li><a href="#rgb-format">RGB Format</a><span>, in § 1</span>
    <li><a href="#dom-videopixelformat-rgbx">"RGBX"</a><span>, in § 9.8</span>
    <li><a href="#dom-videopixelformat-rgbx">RGBX</a><span>, in § 9.8</span>
+   <li><a href="#dom-videoframe-rotation-slot">[[rotation]]</a><span>, in § 9.4.1</span>
+   <li>
+    rotation
+    <ul>
+     <li><a href="#dom-videoframe-rotation">attribute for VideoFrame</a><span>, in § 9.4.3</span>
+     <li><a href="#dom-videoframebufferinit-rotation">dict-member for VideoFrameBufferInit</a><span>, in § 9.4</span>
+     <li><a href="#dom-videoframeinit-rotation">dict-member for VideoFrameInit</a><span>, in § 9.4</span>
+    </ul>
    <li><a href="#running-a-control-message">running a control message</a><span>, in § 2.2</span>
    <li><a href="#dom-audiosampleformat-s16">"s16"</a><span>, in § 9.3</span>
    <li><a href="#dom-audiosampleformat-s16">s16</a><span>, in § 9.3</span>
@@ -8847,6 +8983,8 @@ <h2 class="no-num no-ref heading settled" id="idl-index"><span class="content">I
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="unsigned long" href="#dom-videoframe-codedheight"><c- g>codedHeight</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a data-link-type="idl-name" href="https://drafts.fxtf.org/geometry-1/#domrectreadonly"><c- n>DOMRectReadOnly</c-></a>? <a class="idl-code" data-link-type="attribute" data-readonly data-type="DOMRectReadOnly?" href="#dom-videoframe-codedrect"><c- g>codedRect</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a data-link-type="idl-name" href="https://drafts.fxtf.org/geometry-1/#domrectreadonly"><c- n>DOMRectReadOnly</c-></a>? <a class="idl-code" data-link-type="attribute" data-readonly data-type="DOMRectReadOnly?" href="#dom-videoframe-visiblerect"><c- g>visibleRect</c-></a>;
+  <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-double"><c- b>double</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="double" href="#dom-videoframe-rotation"><c- g>rotation</c-></a>;
+  <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean"><c- b>boolean</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="boolean" href="#dom-videoframe-flip"><c- g>flip</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="unsigned long" href="#dom-videoframe-displaywidth"><c- g>displayWidth</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <a class="idl-code" data-link-type="attribute" data-readonly data-type="unsigned long" href="#dom-videoframe-displayheight"><c- g>displayHeight</c-></a>;
   <c- b>readonly</c-> <c- b>attribute</c-> <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long-long"><c- b>unsigned</c-> <c- b>long</c-> <c- b>long</c-></a>? <a class="idl-code" data-link-type="attribute" data-readonly data-type="unsigned long long?" href="#dom-videoframe-duration"><c- g>duration</c-></a>;  // microseconds
@@ -8874,6 +9012,9 @@ <h2 class="no-num no-ref heading settled" id="idl-index"><span class="content">I
   // aspect ratio unless an explicit displayWidth and displayHeight are given.
   <a data-link-type="idl-name" href="https://drafts.fxtf.org/geometry-1/#dictdef-domrectinit"><c- n>DOMRectInit</c-></a> <a data-type="DOMRectInit" href="#dom-videoframeinit-visiblerect"><code><c- g>visibleRect</c-></code></a>;
 
+  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-double"><c- b>double</c-></a> <a data-default="0" data-type="double" href="#dom-videoframeinit-rotation"><code><c- g>rotation</c-></code></a> = 0;
+  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean"><c- b>boolean</c-></a> <a data-default="false" data-type="boolean" href="#dom-videoframeinit-flip"><code><c- g>flip</c-></code></a> = <c- b>false</c->;
+
   // Default matches image unless visibleRect is provided.
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#EnforceRange"><c- g>EnforceRange</c-></a>] <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <a data-type="unsigned long" href="#dom-videoframeinit-displaywidth"><code><c- g>displayWidth</c-></code></a>;
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#EnforceRange"><c- g>EnforceRange</c-></a>] <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <a data-type="unsigned long" href="#dom-videoframeinit-displayheight"><code><c- g>displayHeight</c-></code></a>;
@@ -8894,6 +9035,9 @@ <h2 class="no-num no-ref heading settled" id="idl-index"><span class="content">I
   // Default visible rect is coded size positioned at (0,0)
   <a data-link-type="idl-name" href="https://drafts.fxtf.org/geometry-1/#dictdef-domrectinit"><c- n>DOMRectInit</c-></a> <a data-type="DOMRectInit" href="#dom-videoframebufferinit-visiblerect"><code><c- g>visibleRect</c-></code></a>;
 
+  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-double"><c- b>double</c-></a> <a data-default="0" data-type="double" href="#dom-videoframebufferinit-rotation"><code><c- g>rotation</c-></code></a> = 0;
+  <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-boolean"><c- b>boolean</c-></a> <a data-default="false" data-type="boolean" href="#dom-videoframebufferinit-flip"><code><c- g>flip</c-></code></a> = <c- b>false</c->;
+
   // Default display dimensions match visibleRect.
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#EnforceRange"><c- g>EnforceRange</c-></a>] <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <a data-type="unsigned long" href="#dom-videoframebufferinit-displaywidth"><code><c- g>displayWidth</c-></code></a>;
   [<a class="idl-code" data-link-type="extended-attribute" href="https://webidl.spec.whatwg.org/#EnforceRange"><c- g>EnforceRange</c-></a>] <a class="idl-code" data-link-type="interface" href="https://webidl.spec.whatwg.org/#idl-unsigned-long"><c- b>unsigned</c-> <c- b>long</c-></a> <a data-type="unsigned long" href="#dom-videoframebufferinit-displayheight"><code><c- g>displayHeight</c-></code></a>;
@@ -9278,7 +9422,7 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "0c59452e": {"dfnID":"0c59452e","dfnText":"height (for DOMRectInit)","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-domrectinit-height"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-domrectinit-height\u2460"},{"id":"ref-for-dom-domrectinit-height\u2461"},{"id":"ref-for-dom-domrectinit-height\u2462"},{"id":"ref-for-dom-domrectinit-height\u2463"},{"id":"ref-for-dom-domrectinit-height\u2464"},{"id":"ref-for-dom-domrectinit-height\u2465"}],"title":"9.4.6. Algorithms"}],"url":"https://drafts.fxtf.org/geometry-1/#dom-domrectinit-height"},
 "0deaf786": {"dfnID":"0deaf786","dfnText":"drawImage()","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-context-2d-drawimage"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-dom-context-2d-drawimage\u2460"}],"title":"9.4.8. Rendering"}],"url":"https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-drawimage"},
 "1076ec40": {"dfnID":"1076ec40","dfnText":"HTMLMediaElement","external":true,"refSections":[{"refs":[{"id":"ref-for-htmlmediaelement"},{"id":"ref-for-htmlmediaelement\u2460"}],"title":"12. Security Considerations"}],"url":"https://html.spec.whatwg.org/multipage/media.html#htmlmediaelement"},
-"1243a891": {"dfnID":"1243a891","dfnText":"exist","external":true,"refSections":[{"refs":[{"id":"ref-for-map-exists"},{"id":"ref-for-map-exists\u2460"}],"title":"4.6. Algorithms"},{"refs":[{"id":"ref-for-map-exists\u2461"}],"title":"7.2. Clone Configuration (with config)"},{"refs":[{"id":"ref-for-map-exists\u2462"}],"title":"7.6. VideoDecoderConfig"},{"refs":[{"id":"ref-for-map-exists\u2463"},{"id":"ref-for-map-exists\u2464"}],"title":"9.2.4. Methods"},{"refs":[{"id":"ref-for-map-exists\u2465"},{"id":"ref-for-map-exists\u2466"}],"title":"9.2.5. Algorithms"},{"refs":[{"id":"ref-for-map-exists\u2467"},{"id":"ref-for-map-exists\u2468"},{"id":"ref-for-map-exists\u2460\u24ea"},{"id":"ref-for-map-exists\u2460\u2460"},{"id":"ref-for-map-exists\u2460\u2461"},{"id":"ref-for-map-exists\u2460\u2462"},{"id":"ref-for-map-exists\u2460\u2463"},{"id":"ref-for-map-exists\u2460\u2464"},{"id":"ref-for-map-exists\u2460\u2465"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-map-exists\u2460\u2466"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-map-exists\u2460\u2467"},{"id":"ref-for-map-exists\u2460\u2468"},{"id":"ref-for-map-exists\u2461\u24ea"},{"id":"ref-for-map-exists\u2461\u2460"},{"id":"ref-for-map-exists\u2461\u2461"},{"id":"ref-for-map-exists\u2461\u2462"},{"id":"ref-for-map-exists\u2461\u2463"},{"id":"ref-for-map-exists\u2461\u2464"},{"id":"ref-for-map-exists\u2461\u2465"},{"id":"ref-for-map-exists\u2461\u2466"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-map-exists\u2461\u2467"},{"id":"ref-for-map-exists\u2461\u2468"},{"id":"ref-for-map-exists\u2462\u24ea"}],"title":"9.5. VideoFrame CopyTo() Options"},{"refs":[{"id":"ref-for-map-exists\u2462\u2460"}],"title":"10.2.2. Constructor"},{"refs":[{"id":"ref-for-map-exists\u2462\u2461"},{"id":"ref-for-map-exists\u2462\u2462"}],"title":"10.3. ImageDecoderInit Interface"}],"url":"https://infra.spec.whatwg.org/#map-exists"},
+"1243a891": {"dfnID":"1243a891","dfnText":"exist","external":true,"refSections":[{"refs":[{"id":"ref-for-map-exists"},{"id":"ref-for-map-exists\u2460"}],"title":"4.6. Algorithms"},{"refs":[{"id":"ref-for-map-exists\u2461"}],"title":"7.2. Clone Configuration (with config)"},{"refs":[{"id":"ref-for-map-exists\u2462"}],"title":"7.6. VideoDecoderConfig"},{"refs":[{"id":"ref-for-map-exists\u2463"},{"id":"ref-for-map-exists\u2464"}],"title":"9.2.4. Methods"},{"refs":[{"id":"ref-for-map-exists\u2465"},{"id":"ref-for-map-exists\u2466"}],"title":"9.2.5. Algorithms"},{"refs":[{"id":"ref-for-map-exists\u2467"},{"id":"ref-for-map-exists\u2468"},{"id":"ref-for-map-exists\u2460\u24ea"},{"id":"ref-for-map-exists\u2460\u2460"},{"id":"ref-for-map-exists\u2460\u2461"},{"id":"ref-for-map-exists\u2460\u2462"},{"id":"ref-for-map-exists\u2460\u2463"},{"id":"ref-for-map-exists\u2460\u2464"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-map-exists\u2460\u2465"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-map-exists\u2460\u2466"},{"id":"ref-for-map-exists\u2460\u2467"},{"id":"ref-for-map-exists\u2460\u2468"},{"id":"ref-for-map-exists\u2461\u24ea"},{"id":"ref-for-map-exists\u2461\u2460"},{"id":"ref-for-map-exists\u2461\u2461"},{"id":"ref-for-map-exists\u2461\u2462"},{"id":"ref-for-map-exists\u2461\u2463"},{"id":"ref-for-map-exists\u2461\u2464"},{"id":"ref-for-map-exists\u2461\u2465"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-map-exists\u2461\u2466"},{"id":"ref-for-map-exists\u2461\u2467"},{"id":"ref-for-map-exists\u2461\u2468"}],"title":"9.5. VideoFrame CopyTo() Options"},{"refs":[{"id":"ref-for-map-exists\u2462\u24ea"}],"title":"10.2.2. Constructor"},{"refs":[{"id":"ref-for-map-exists\u2462\u2460"},{"id":"ref-for-map-exists\u2462\u2461"}],"title":"10.3. ImageDecoderInit Interface"}],"url":"https://infra.spec.whatwg.org/#map-exists"},
 "1439b86e": {"dfnID":"1439b86e","dfnText":"CanvasImageSource","external":true,"refSections":[{"refs":[{"id":"ref-for-canvasimagesource"},{"id":"ref-for-canvasimagesource\u2460"},{"id":"ref-for-canvasimagesource\u2461"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-canvasimagesource\u2462"}],"title":"9.4.2. Constructors"}],"url":"https://html.spec.whatwg.org/multipage/canvas.html#canvasimagesource"},
 "16785ec4": {"dfnID":"16785ec4","dfnText":"mime type","external":true,"refSections":[{"refs":[{"id":"ref-for-mime-type"}],"title":"7.4. Codec String"}],"url":"https://mimesniff.spec.whatwg.org/#mime-type"},
 "17001025": {"dfnID":"17001025","dfnText":"powerEfficient","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-mediacapabilitiesinfo-powerefficient"}],"title":"13. Privacy Considerations"}],"url":"https://w3c.github.io/media-capabilities/#dom-mediacapabilitiesinfo-powerefficient"},
@@ -9293,7 +9437,7 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "2bc0cdf4": {"dfnID":"2bc0cdf4","dfnText":"EventTarget","external":true,"refSections":[{"refs":[{"id":"ref-for-eventtarget"}],"title":"3. AudioDecoder Interface"},{"refs":[{"id":"ref-for-eventtarget\u2460"}],"title":"4. VideoDecoder Interface"},{"refs":[{"id":"ref-for-eventtarget\u2461"}],"title":"5. AudioEncoder Interface"},{"refs":[{"id":"ref-for-eventtarget\u2462"}],"title":"6. VideoEncoder Interface"}],"url":"https://dom.spec.whatwg.org/#eventtarget"},
 "2f8afbfe": {"dfnID":"2f8afbfe","dfnText":"ArrayBuffer","external":true,"refSections":[{"refs":[{"id":"ref-for-idl-ArrayBuffer"}],"title":"8.1. EncodedAudioChunk Interface"},{"refs":[{"id":"ref-for-idl-ArrayBuffer\u2460"},{"id":"ref-for-idl-ArrayBuffer\u2461"}],"title":"8.1.2. Constructors"},{"refs":[{"id":"ref-for-idl-ArrayBuffer\u2462"}],"title":"8.2. EncodedVideoChunk Interface"},{"refs":[{"id":"ref-for-idl-ArrayBuffer\u2463"},{"id":"ref-for-idl-ArrayBuffer\u2464"}],"title":"8.2.2. Constructors"},{"refs":[{"id":"ref-for-idl-ArrayBuffer\u2465"}],"title":"9.2. AudioData Interface"},{"refs":[{"id":"ref-for-idl-ArrayBuffer\u2466"},{"id":"ref-for-idl-ArrayBuffer\u2467"}],"title":"9.2.2. Constructors"},{"refs":[{"id":"ref-for-idl-ArrayBuffer\u2468"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-idl-ArrayBuffer\u2460\u24ea"},{"id":"ref-for-idl-ArrayBuffer\u2460\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-idl-ArrayBuffer\u2460\u2461"},{"id":"ref-for-idl-ArrayBuffer\u2460\u2462"}],"title":"10.2.2. Constructor"},{"refs":[{"id":"ref-for-idl-ArrayBuffer\u2460\u2463"}],"title":"10.3. ImageDecoderInit Interface"}],"url":"https://webidl.spec.whatwg.org/#idl-ArrayBuffer"},
 "3182eb71": {"dfnID":"3182eb71","dfnText":"NotSupportedError","external":true,"refSections":[{"refs":[{"id":"ref-for-notsupportederror"},{"id":"ref-for-notsupportederror\u2460"}],"title":"3.5. Methods"},{"refs":[{"id":"ref-for-notsupportederror\u2461"},{"id":"ref-for-notsupportederror\u2462"}],"title":"4.5. Methods"},{"refs":[{"id":"ref-for-notsupportederror\u2463"},{"id":"ref-for-notsupportederror\u2464"}],"title":"5.5. Methods"},{"refs":[{"id":"ref-for-notsupportederror\u2465"},{"id":"ref-for-notsupportederror\u2466"}],"title":"6.5. Methods"},{"refs":[{"id":"ref-for-notsupportederror\u2467"}],"title":"9.2.5. Algorithms"},{"refs":[{"id":"ref-for-notsupportederror\u2468"}],"title":"9.2.7. AudioDataCopyToOptions"},{"refs":[{"id":"ref-for-notsupportederror\u2460\u24ea"},{"id":"ref-for-notsupportederror\u2460\u2460"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-notsupportederror\u2460\u2461"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-notsupportederror\u2460\u2462"},{"id":"ref-for-notsupportederror\u2460\u2463"}],"title":"10.2.2. Constructor"}],"url":"https://webidl.spec.whatwg.org/#notsupportederror"},
-"32b3558b": {"dfnID":"32b3558b","dfnText":"height (for DOMRect)","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-domrect-height"},{"id":"ref-for-dom-domrect-height\u2460"}],"title":"9.4.6. Algorithms"}],"url":"https://drafts.fxtf.org/geometry-1/#dom-domrect-height"},
+"32b3558b": {"dfnID":"32b3558b","dfnText":"height (for DOMRect)","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-domrect-height"},{"id":"ref-for-dom-domrect-height\u2460"},{"id":"ref-for-dom-domrect-height\u2461"}],"title":"9.4.6. Algorithms"}],"url":"https://drafts.fxtf.org/geometry-1/#dom-domrect-height"},
 "3aff2fb3": {"dfnID":"3aff2fb3","dfnText":"BufferSource","external":true,"refSections":[{"refs":[{"id":"ref-for-BufferSource"},{"id":"ref-for-BufferSource\u2460"},{"id":"ref-for-BufferSource\u2461"}],"title":"6.7. EncodedVideoChunkMetadata"},{"refs":[{"id":"ref-for-BufferSource\u2462"},{"id":"ref-for-BufferSource\u2463"}],"title":"7.5. AudioDecoderConfig"},{"refs":[{"id":"ref-for-BufferSource\u2464"}],"title":"9.2. AudioData Interface"},{"refs":[{"id":"ref-for-BufferSource\u2465"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-BufferSource\u2466"},{"id":"ref-for-BufferSource\u2467"},{"id":"ref-for-BufferSource\u2468"},{"id":"ref-for-BufferSource\u2460\u24ea"}],"title":"9.5. VideoFrame CopyTo() Options"},{"refs":[{"id":"ref-for-BufferSource\u2460\u2460"},{"id":"ref-for-BufferSource\u2460\u2461"},{"id":"ref-for-BufferSource\u2460\u2462"},{"id":"ref-for-BufferSource\u2460\u2463"}],"title":"9.7. Plane Layout"},{"refs":[{"id":"ref-for-BufferSource\u2460\u2464"}],"title":"10.2.2. Constructor"},{"refs":[{"id":"ref-for-BufferSource\u2460\u2465"},{"id":"ref-for-BufferSource\u2460\u2466"}],"title":"10.3. ImageDecoderInit Interface"}],"url":"https://webidl.spec.whatwg.org/#BufferSource"},
 "3b5f2424": {"dfnID":"3b5f2424","dfnText":"the given value","external":true,"refSections":[{"refs":[{"id":"ref-for-the-given-value"}],"title":"10.7.2. Attributes"}],"url":"https://webidl.spec.whatwg.org/#the-given-value"},
 "3c0f3699": {"dfnID":"3c0f3699","dfnText":"ownerDocument","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-node-ownerdocument"}],"title":"11. Resource Reclamation"}],"url":"https://dom.spec.whatwg.org/#dom-node-ownerdocument"},
@@ -9310,7 +9454,7 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "4d7cdab1": {"dfnID":"4d7cdab1","dfnText":"variable","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-bitratemode-variable"}],"title":"7.7. AudioEncoderConfig"}],"url":"https://w3c.github.io/mediacapture-record/#dom-bitratemode-variable"},
 "4ee5a10e": {"dfnID":"4ee5a10e","dfnText":"current playback position","external":true,"refSections":[{"refs":[{"id":"ref-for-current-playback-position"}],"title":"9.4.2. Constructors"}],"url":"https://html.spec.whatwg.org/multipage/media.html#current-playback-position"},
 "51c2724d": {"dfnID":"51c2724d","dfnText":"SVGImageElement","external":true,"refSections":[{"refs":[{"id":"ref-for-InterfaceSVGImageElement"}],"title":"9.4.2. Constructors"}],"url":"https://svgwg.org/svg2-draft/embedded.html#InterfaceSVGImageElement"},
-"5372cca8": {"dfnID":"5372cca8","dfnText":"boolean","external":true,"refSections":[{"refs":[{"id":"ref-for-idl-boolean"},{"id":"ref-for-idl-boolean\u2460"}],"title":"7.3.1. AudioDecoderSupport"},{"refs":[{"id":"ref-for-idl-boolean\u2461"},{"id":"ref-for-idl-boolean\u2462"}],"title":"7.3.2. VideoDecoderSupport"},{"refs":[{"id":"ref-for-idl-boolean\u2463"},{"id":"ref-for-idl-boolean\u2464"}],"title":"7.3.3. AudioEncoderSupport"},{"refs":[{"id":"ref-for-idl-boolean\u2465"},{"id":"ref-for-idl-boolean\u2466"}],"title":"7.3.4. VideoEncoderSupport"},{"refs":[{"id":"ref-for-idl-boolean\u2467"},{"id":"ref-for-idl-boolean\u2468"}],"title":"7.6. VideoDecoderConfig"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u24ea"},{"id":"ref-for-idl-boolean\u2460\u2460"}],"title":"7.13. VideoEncoderEncodeOptions"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u2461"},{"id":"ref-for-idl-boolean\u2460\u2462"}],"title":"9.9. Video Color Space Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u2463"}],"title":"9.9.3. Attributes"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u2464"},{"id":"ref-for-idl-boolean\u2460\u2465"}],"title":"10.2. ImageDecoder Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u2466"}],"title":"10.2.3. Attributes"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u2467"},{"id":"ref-for-idl-boolean\u2460\u2468"}],"title":"10.3. ImageDecoderInit Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2461\u24ea"},{"id":"ref-for-idl-boolean\u2461\u2460"}],"title":"10.4. ImageDecodeOptions Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2461\u2461"},{"id":"ref-for-idl-boolean\u2461\u2462"}],"title":"10.5. ImageDecodeResult Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2461\u2463"},{"id":"ref-for-idl-boolean\u2461\u2464"}],"title":"10.7. ImageTrack Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2461\u2465"},{"id":"ref-for-idl-boolean\u2461\u2466"}],"title":"10.7.2. Attributes"}],"url":"https://webidl.spec.whatwg.org/#idl-boolean"},
+"5372cca8": {"dfnID":"5372cca8","dfnText":"boolean","external":true,"refSections":[{"refs":[{"id":"ref-for-idl-boolean"},{"id":"ref-for-idl-boolean\u2460"}],"title":"7.3.1. AudioDecoderSupport"},{"refs":[{"id":"ref-for-idl-boolean\u2461"},{"id":"ref-for-idl-boolean\u2462"}],"title":"7.3.2. VideoDecoderSupport"},{"refs":[{"id":"ref-for-idl-boolean\u2463"},{"id":"ref-for-idl-boolean\u2464"}],"title":"7.3.3. AudioEncoderSupport"},{"refs":[{"id":"ref-for-idl-boolean\u2465"},{"id":"ref-for-idl-boolean\u2466"}],"title":"7.3.4. VideoEncoderSupport"},{"refs":[{"id":"ref-for-idl-boolean\u2467"},{"id":"ref-for-idl-boolean\u2468"}],"title":"7.6. VideoDecoderConfig"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u24ea"},{"id":"ref-for-idl-boolean\u2460\u2460"}],"title":"7.13. VideoEncoderEncodeOptions"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u2461"},{"id":"ref-for-idl-boolean\u2460\u2462"},{"id":"ref-for-idl-boolean\u2460\u2463"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u2464"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u2465"},{"id":"ref-for-idl-boolean\u2460\u2466"}],"title":"9.9. Video Color Space Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u2467"}],"title":"9.9.3. Attributes"},{"refs":[{"id":"ref-for-idl-boolean\u2460\u2468"},{"id":"ref-for-idl-boolean\u2461\u24ea"}],"title":"10.2. ImageDecoder Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2461\u2460"}],"title":"10.2.3. Attributes"},{"refs":[{"id":"ref-for-idl-boolean\u2461\u2461"},{"id":"ref-for-idl-boolean\u2461\u2462"}],"title":"10.3. ImageDecoderInit Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2461\u2463"},{"id":"ref-for-idl-boolean\u2461\u2464"}],"title":"10.4. ImageDecodeOptions Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2461\u2465"},{"id":"ref-for-idl-boolean\u2461\u2466"}],"title":"10.5. ImageDecodeResult Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2461\u2467"},{"id":"ref-for-idl-boolean\u2461\u2468"}],"title":"10.7. ImageTrack Interface"},{"refs":[{"id":"ref-for-idl-boolean\u2462\u24ea"},{"id":"ref-for-idl-boolean\u2462\u2460"}],"title":"10.7.2. Attributes"}],"url":"https://webidl.spec.whatwg.org/#idl-boolean"},
 "552e1f12": {"dfnID":"552e1f12","dfnText":"networkState","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-media-networkstate"}],"title":"9.4.2. Constructors"}],"url":"https://html.spec.whatwg.org/multipage/media.html#dom-media-networkstate"},
 "5655d36f": {"dfnID":"5655d36f","dfnText":"error steps","external":true,"refSections":[{"refs":[{"id":"ref-for-read-request-error-steps"}],"title":"10.2.5. Algorithms"}],"url":"https://streams.spec.whatwg.org/#read-request-error-steps"},
 "583773dd": {"dfnID":"583773dd","dfnText":"unrestricted float","external":true,"refSections":[{"refs":[{"id":"ref-for-idl-unrestricted-float"}],"title":"10.7. ImageTrack Interface"},{"refs":[{"id":"ref-for-idl-unrestricted-float\u2460"}],"title":"10.7.2. Attributes"}],"url":"https://webidl.spec.whatwg.org/#idl-unrestricted-float"},
@@ -9319,7 +9463,7 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "5b13c537": {"dfnID":"5b13c537","dfnText":"HTMLCanvasElement","external":true,"refSections":[{"refs":[{"id":"ref-for-htmlcanvaselement"}],"title":"9.4.2. Constructors"}],"url":"https://html.spec.whatwg.org/multipage/canvas.html#htmlcanvaselement"},
 "5e129c74": {"dfnID":"5e129c74","dfnText":"QuotaExceededError","external":true,"refSections":[{"refs":[{"id":"ref-for-quotaexceedederror"}],"title":"11. Resource Reclamation"}],"url":"https://webidl.spec.whatwg.org/#quotaexceedederror"},
 "5e4b6157": {"dfnID":"5e4b6157","dfnText":"AllowSharedBufferSource","external":true,"refSections":[{"refs":[{"id":"ref-for-AllowSharedBufferSource"},{"id":"ref-for-AllowSharedBufferSource\u2460"}],"title":"7.6. VideoDecoderConfig"},{"refs":[{"id":"ref-for-AllowSharedBufferSource\u2461"},{"id":"ref-for-AllowSharedBufferSource\u2462"}],"title":"8.1. EncodedAudioChunk Interface"},{"refs":[{"id":"ref-for-AllowSharedBufferSource\u2463"},{"id":"ref-for-AllowSharedBufferSource\u2464"}],"title":"8.2. EncodedVideoChunk Interface"},{"refs":[{"id":"ref-for-AllowSharedBufferSource\u2465"}],"title":"9.2. AudioData Interface"},{"refs":[{"id":"ref-for-AllowSharedBufferSource\u2466"},{"id":"ref-for-AllowSharedBufferSource\u2467"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-AllowSharedBufferSource\u2468"}],"title":"10.3. ImageDecoderInit Interface"}],"url":"https://webidl.spec.whatwg.org/#AllowSharedBufferSource"},
-"5e7582d3": {"dfnID":"5e7582d3","dfnText":"width (for DOMRect)","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-domrect-width"},{"id":"ref-for-dom-domrect-width\u2460"}],"title":"9.4.6. Algorithms"}],"url":"https://drafts.fxtf.org/geometry-1/#dom-domrect-width"},
+"5e7582d3": {"dfnID":"5e7582d3","dfnText":"width (for DOMRect)","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-domrect-width"},{"id":"ref-for-dom-domrect-width\u2460"},{"id":"ref-for-dom-domrect-width\u2461"}],"title":"9.4.6. Algorithms"}],"url":"https://drafts.fxtf.org/geometry-1/#dom-domrect-width"},
 "5f90bbfb": {"dfnID":"5f90bbfb","dfnText":"undefined","external":true,"refSections":[{"refs":[{"id":"ref-for-idl-undefined"},{"id":"ref-for-idl-undefined\u2460"},{"id":"ref-for-idl-undefined\u2461"},{"id":"ref-for-idl-undefined\u2462"},{"id":"ref-for-idl-undefined\u2463"},{"id":"ref-for-idl-undefined\u2464"}],"title":"3. AudioDecoder Interface"},{"refs":[{"id":"ref-for-idl-undefined\u2465"},{"id":"ref-for-idl-undefined\u2466"},{"id":"ref-for-idl-undefined\u2467"},{"id":"ref-for-idl-undefined\u2468"},{"id":"ref-for-idl-undefined\u2460\u24ea"},{"id":"ref-for-idl-undefined\u2460\u2460"}],"title":"4. VideoDecoder Interface"},{"refs":[{"id":"ref-for-idl-undefined\u2460\u2461"},{"id":"ref-for-idl-undefined\u2460\u2462"},{"id":"ref-for-idl-undefined\u2460\u2463"},{"id":"ref-for-idl-undefined\u2460\u2464"},{"id":"ref-for-idl-undefined\u2460\u2465"},{"id":"ref-for-idl-undefined\u2460\u2466"}],"title":"5. AudioEncoder Interface"},{"refs":[{"id":"ref-for-idl-undefined\u2460\u2467"},{"id":"ref-for-idl-undefined\u2460\u2468"},{"id":"ref-for-idl-undefined\u2461\u24ea"},{"id":"ref-for-idl-undefined\u2461\u2460"},{"id":"ref-for-idl-undefined\u2461\u2461"},{"id":"ref-for-idl-undefined\u2461\u2462"}],"title":"6. VideoEncoder Interface"},{"refs":[{"id":"ref-for-idl-undefined\u2461\u2463"}],"title":"7.16. WebCodecsErrorCallback"},{"refs":[{"id":"ref-for-idl-undefined\u2461\u2464"}],"title":"8.1. EncodedAudioChunk Interface"},{"refs":[{"id":"ref-for-idl-undefined\u2461\u2465"}],"title":"8.2. EncodedVideoChunk Interface"},{"refs":[{"id":"ref-for-idl-undefined\u2461\u2466"},{"id":"ref-for-idl-undefined\u2461\u2467"}],"title":"9.2. AudioData Interface"},{"refs":[{"id":"ref-for-idl-undefined\u2461\u2468"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-idl-undefined\u2462\u24ea"},{"id":"ref-for-idl-undefined\u2462\u2460"},{"id":"ref-for-idl-undefined\u2462\u2461"}],"title":"10.2. ImageDecoder Interface"},{"refs":[{"id":"ref-for-idl-undefined\u2462\u2462"}],"title":"10.2.3. Attributes"},{"refs":[{"id":"ref-for-idl-undefined\u2462\u2463"}],"title":"10.6. ImageTrackList Interface"},{"refs":[{"id":"ref-for-idl-undefined\u2462\u2464"}],"title":"10.6.2. Attributes"}],"url":"https://webidl.spec.whatwg.org/#idl-undefined"},
 "62aa77f4": {"dfnID":"62aa77f4","dfnText":"y (for DOMRect)","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-domrect-y"}],"title":"9.4.6. Algorithms"}],"url":"https://drafts.fxtf.org/geometry-1/#dom-domrect-y"},
 "649608b9": {"dfnID":"649608b9","dfnText":"list","external":true,"refSections":[{"refs":[{"id":"ref-for-list"}],"title":"3.2. Constructors"},{"refs":[{"id":"ref-for-list\u2460"},{"id":"ref-for-list\u2461"}],"title":"3.5. Methods"},{"refs":[{"id":"ref-for-list\u2462"}],"title":"4.2. Constructors"},{"refs":[{"id":"ref-for-list\u2463"},{"id":"ref-for-list\u2464"}],"title":"4.5. Methods"},{"refs":[{"id":"ref-for-list\u2465"}],"title":"5.2. Constructors"},{"refs":[{"id":"ref-for-list\u2466"},{"id":"ref-for-list\u2467"}],"title":"5.5. Methods"},{"refs":[{"id":"ref-for-list\u2468"}],"title":"6.2. Constructors"},{"refs":[{"id":"ref-for-list\u2460\u24ea"},{"id":"ref-for-list\u2460\u2460"}],"title":"6.5. Methods"},{"refs":[{"id":"ref-for-list\u2460\u2461"}],"title":"9.4.4. Internal Structures"},{"refs":[{"id":"ref-for-list\u2460\u2462"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-list\u2460\u2463"},{"id":"ref-for-list\u2460\u2464"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-list\u2460\u2465"},{"id":"ref-for-list\u2460\u2466"},{"id":"ref-for-list\u2460\u2467"}],"title":"10.2.2. Constructor"},{"refs":[{"id":"ref-for-list\u2460\u2468"},{"id":"ref-for-list\u2461\u24ea"}],"title":"10.2.5. Algorithms"}],"url":"https://infra.spec.whatwg.org/#list"},
@@ -9342,7 +9486,7 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "888d7c65": {"dfnID":"888d7c65","dfnText":"deserialization steps","external":true,"refSections":[{"refs":[{"id":"ref-for-deserialization-steps"}],"title":"8.1.5. Serialization"},{"refs":[{"id":"ref-for-deserialization-steps\u2460"}],"title":"8.2.5. Serialization"},{"refs":[{"id":"ref-for-deserialization-steps\u2461"}],"title":"9.2.6. Transfer and Serialization"},{"refs":[{"id":"ref-for-deserialization-steps\u2462"}],"title":"9.4.7. Transfer and Serialization"}],"url":"https://html.spec.whatwg.org/multipage/structured-data.html#deserialization-steps"},
 "889e932f": {"dfnID":"889e932f","dfnText":"Exposed","external":true,"refSections":[{"refs":[{"id":"ref-for-Exposed"}],"title":"3. AudioDecoder Interface"},{"refs":[{"id":"ref-for-Exposed\u2460"}],"title":"4. VideoDecoder Interface"},{"refs":[{"id":"ref-for-Exposed\u2461"}],"title":"5. AudioEncoder Interface"},{"refs":[{"id":"ref-for-Exposed\u2462"}],"title":"6. VideoEncoder Interface"},{"refs":[{"id":"ref-for-Exposed\u2463"}],"title":"8.1. EncodedAudioChunk Interface"},{"refs":[{"id":"ref-for-Exposed\u2464"}],"title":"8.2. EncodedVideoChunk Interface"},{"refs":[{"id":"ref-for-Exposed\u2465"}],"title":"9.2. AudioData Interface"},{"refs":[{"id":"ref-for-Exposed\u2466"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-Exposed\u2467"}],"title":"9.9. Video Color Space Interface"},{"refs":[{"id":"ref-for-Exposed\u2468"}],"title":"10.2. ImageDecoder Interface"},{"refs":[{"id":"ref-for-Exposed\u2460\u24ea"}],"title":"10.6. ImageTrackList Interface"},{"refs":[{"id":"ref-for-Exposed\u2460\u2460"}],"title":"10.7. ImageTrack Interface"}],"url":"https://webidl.spec.whatwg.org/#Exposed"},
 "89786baf": {"dfnID":"89786baf","dfnText":"StructuredSerialize","external":true,"refSections":[{"refs":[{"id":"ref-for-structuredserialize"}],"title":"9.4.6. Algorithms"}],"url":"https://html.spec.whatwg.org/multipage/structured-data.html#structuredserialize"},
-"8c800cdf": {"dfnID":"8c800cdf","dfnText":"double","external":true,"refSections":[{"refs":[{"id":"ref-for-idl-double"},{"id":"ref-for-idl-double\u2460"}],"title":"7.8. VideoEncoderConfig"}],"url":"https://webidl.spec.whatwg.org/#idl-double"},
+"8c800cdf": {"dfnID":"8c800cdf","dfnText":"double","external":true,"refSections":[{"refs":[{"id":"ref-for-idl-double"},{"id":"ref-for-idl-double\u2460"}],"title":"7.8. VideoEncoderConfig"},{"refs":[{"id":"ref-for-idl-double\u2461"},{"id":"ref-for-idl-double\u2462"},{"id":"ref-for-idl-double\u2463"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-idl-double\u2464"}],"title":"9.4.3. Attributes"}],"url":"https://webidl.spec.whatwg.org/#idl-double"},
 "8ce82f3b": {"dfnID":"8ce82f3b","dfnText":"decodingInfo(configuration)","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-mediacapabilities-decodinginfo"}],"title":"13. Privacy Considerations"}],"url":"https://w3c.github.io/media-capabilities/#dom-mediacapabilities-decodinginfo"},
 "917fcd3c": {"dfnID":"917fcd3c","dfnText":"natural width","external":true,"refSections":[{"refs":[{"id":"ref-for-natural-width"}],"title":"9.4.2. Constructors"}],"url":"https://drafts.csswg.org/css-images-3/#natural-width"},
 "95919ea3": {"dfnID":"95919ea3","dfnText":"getCapabilities()","external":true,"refSections":[{"refs":[{"id":"ref-for-dom-rtcrtpsender-getcapabilities"}],"title":"13. Privacy Considerations"}],"url":"https://w3c.github.io/webrtc-pc/#dom-rtcrtpsender-getcapabilities"},
@@ -9807,17 +9951,21 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "dom-videoframe-copyto": {"dfnID":"dom-videoframe-copyto","dfnText":"copyTo(destination, options)","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-copyto"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-dom-videoframe-copyto\u2460"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-copyto\u2461"},{"id":"ref-for-dom-videoframe-copyto\u2462"},{"id":"ref-for-dom-videoframe-copyto\u2463"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-dom-videoframe-copyto\u2464"},{"id":"ref-for-dom-videoframe-copyto\u2465"}],"title":"9.5. VideoFrame CopyTo() Options"},{"refs":[{"id":"ref-for-dom-videoframe-copyto\u2466"}],"title":"9.6. DOMRects in VideoFrame"},{"refs":[{"id":"ref-for-dom-videoframe-copyto\u2467"},{"id":"ref-for-dom-videoframe-copyto\u2468"}],"title":"9.7. Plane Layout"}],"url":"#dom-videoframe-copyto"},
 "dom-videoframe-copyto-destination-options-destination": {"dfnID":"dom-videoframe-copyto-destination-options-destination","dfnText":"destination","external":false,"refSections":[],"url":"#dom-videoframe-copyto-destination-options-destination"},
 "dom-videoframe-copyto-destination-options-options": {"dfnID":"dom-videoframe-copyto-destination-options-options","dfnText":"options","external":false,"refSections":[],"url":"#dom-videoframe-copyto-destination-options-options"},
-"dom-videoframe-display-height-slot": {"dfnID":"dom-videoframe-display-height-slot","dfnText":"[[display height]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-display-height-slot"},{"id":"ref-for-dom-videoframe-display-height-slot\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-display-height-slot\u2461"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-display-height-slot\u2462"},{"id":"ref-for-dom-videoframe-display-height-slot\u2463"},{"id":"ref-for-dom-videoframe-display-height-slot\u2464"},{"id":"ref-for-dom-videoframe-display-height-slot\u2465"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-display-height-slot"},
-"dom-videoframe-display-width-slot": {"dfnID":"dom-videoframe-display-width-slot","dfnText":"[[display width]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-display-width-slot"},{"id":"ref-for-dom-videoframe-display-width-slot\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-display-width-slot\u2461"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-display-width-slot\u2462"},{"id":"ref-for-dom-videoframe-display-width-slot\u2463"},{"id":"ref-for-dom-videoframe-display-width-slot\u2464"},{"id":"ref-for-dom-videoframe-display-width-slot\u2465"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-display-width-slot"},
+"dom-videoframe-display-height-slot": {"dfnID":"dom-videoframe-display-height-slot","dfnText":"[[display height]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-display-height-slot"},{"id":"ref-for-dom-videoframe-display-height-slot\u2460"},{"id":"ref-for-dom-videoframe-display-height-slot\u2461"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-display-height-slot\u2462"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-display-height-slot\u2463"},{"id":"ref-for-dom-videoframe-display-height-slot\u2464"},{"id":"ref-for-dom-videoframe-display-height-slot\u2465"},{"id":"ref-for-dom-videoframe-display-height-slot\u2466"},{"id":"ref-for-dom-videoframe-display-height-slot\u2467"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-display-height-slot"},
+"dom-videoframe-display-width-slot": {"dfnID":"dom-videoframe-display-width-slot","dfnText":"[[display width]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-display-width-slot"},{"id":"ref-for-dom-videoframe-display-width-slot\u2460"},{"id":"ref-for-dom-videoframe-display-width-slot\u2461"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-display-width-slot\u2462"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-display-width-slot\u2463"},{"id":"ref-for-dom-videoframe-display-width-slot\u2464"},{"id":"ref-for-dom-videoframe-display-width-slot\u2465"},{"id":"ref-for-dom-videoframe-display-width-slot\u2466"},{"id":"ref-for-dom-videoframe-display-width-slot\u2467"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-display-width-slot"},
 "dom-videoframe-displayheight": {"dfnID":"dom-videoframe-displayheight","dfnText":"displayHeight","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-displayheight"}],"title":"7.6. VideoDecoderConfig"},{"refs":[{"id":"ref-for-dom-videoframe-displayheight\u2460"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-dom-videoframe-displayheight\u2461"}],"title":"9.4.3. Attributes"}],"url":"#dom-videoframe-displayheight"},
 "dom-videoframe-displaywidth": {"dfnID":"dom-videoframe-displaywidth","dfnText":"displayWidth","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-displaywidth"}],"title":"7.6. VideoDecoderConfig"},{"refs":[{"id":"ref-for-dom-videoframe-displaywidth\u2460"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-dom-videoframe-displaywidth\u2461"}],"title":"9.4.3. Attributes"}],"url":"#dom-videoframe-displaywidth"},
 "dom-videoframe-duration": {"dfnID":"dom-videoframe-duration","dfnText":"duration","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-duration"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-dom-videoframe-duration\u2460"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-duration\u2461"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-duration"},
 "dom-videoframe-duration-slot": {"dfnID":"dom-videoframe-duration-slot","dfnText":"[[duration]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-duration-slot"}],"title":"6.6. Algorithms"},{"refs":[{"id":"ref-for-dom-videoframe-duration-slot\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-duration-slot\u2461"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-duration-slot\u2462"},{"id":"ref-for-dom-videoframe-duration-slot\u2463"},{"id":"ref-for-dom-videoframe-duration-slot\u2464"},{"id":"ref-for-dom-videoframe-duration-slot\u2465"},{"id":"ref-for-dom-videoframe-duration-slot\u2466"},{"id":"ref-for-dom-videoframe-duration-slot\u2467"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-duration-slot"},
+"dom-videoframe-flip": {"dfnID":"dom-videoframe-flip","dfnText":"flip","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-flip"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-dom-videoframe-flip\u2460"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-flip\u2461"}],"title":"9.4.8. Rendering"}],"url":"#dom-videoframe-flip"},
+"dom-videoframe-flip-slot": {"dfnID":"dom-videoframe-flip-slot","dfnText":"[[flip]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-flip-slot"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-flip-slot\u2460"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-flip-slot\u2461"},{"id":"ref-for-dom-videoframe-flip-slot\u2462"},{"id":"ref-for-dom-videoframe-flip-slot\u2463"},{"id":"ref-for-dom-videoframe-flip-slot\u2464"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-flip-slot"},
 "dom-videoframe-format": {"dfnID":"dom-videoframe-format","dfnText":"format","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-format"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-dom-videoframe-format\u2460"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-format\u2461"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-dom-videoframe-format\u2462"},{"id":"ref-for-dom-videoframe-format\u2463"},{"id":"ref-for-dom-videoframe-format\u2464"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-dom-videoframe-format\u2465"}],"title":"9.5. VideoFrame CopyTo() Options"}],"url":"#dom-videoframe-format"},
 "dom-videoframe-format-slot": {"dfnID":"dom-videoframe-format-slot","dfnText":"[[format]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-format-slot"}],"title":"7.8. VideoEncoderConfig"},{"refs":[{"id":"ref-for-dom-videoframe-format-slot\u2460"},{"id":"ref-for-dom-videoframe-format-slot\u2461"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-format-slot\u2462"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-format-slot\u2463"},{"id":"ref-for-dom-videoframe-format-slot\u2464"},{"id":"ref-for-dom-videoframe-format-slot\u2465"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-dom-videoframe-format-slot\u2466"},{"id":"ref-for-dom-videoframe-format-slot\u2467"},{"id":"ref-for-dom-videoframe-format-slot\u2468"},{"id":"ref-for-dom-videoframe-format-slot\u2460\u24ea"},{"id":"ref-for-dom-videoframe-format-slot\u2460\u2460"},{"id":"ref-for-dom-videoframe-format-slot\u2460\u2461"},{"id":"ref-for-dom-videoframe-format-slot\u2460\u2462"},{"id":"ref-for-dom-videoframe-format-slot\u2460\u2463"},{"id":"ref-for-dom-videoframe-format-slot\u2460\u2464"},{"id":"ref-for-dom-videoframe-format-slot\u2460\u2465"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-dom-videoframe-format-slot\u2460\u2466"}],"title":"9.5. VideoFrame CopyTo() Options"}],"url":"#dom-videoframe-format-slot"},
 "dom-videoframe-metadata": {"dfnID":"dom-videoframe-metadata","dfnText":"metadata()","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-metadata"}],"title":"9.4. VideoFrame Interface"}],"url":"#dom-videoframe-metadata"},
 "dom-videoframe-metadata-slot": {"dfnID":"dom-videoframe-metadata-slot","dfnText":"[[metadata]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-metadata-slot"},{"id":"ref-for-dom-videoframe-metadata-slot\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-metadata-slot\u2461"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-dom-videoframe-metadata-slot\u2462"},{"id":"ref-for-dom-videoframe-metadata-slot\u2463"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-metadata-slot"},
 "dom-videoframe-resource-reference-slot": {"dfnID":"dom-videoframe-resource-reference-slot","dfnText":"[[resource reference]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-resource-reference-slot"}],"title":"9.1.2. Reference Counting"},{"refs":[{"id":"ref-for-dom-videoframe-resource-reference-slot\u2460"},{"id":"ref-for-dom-videoframe-resource-reference-slot\u2461"},{"id":"ref-for-dom-videoframe-resource-reference-slot\u2462"},{"id":"ref-for-dom-videoframe-resource-reference-slot\u2463"},{"id":"ref-for-dom-videoframe-resource-reference-slot\u2464"},{"id":"ref-for-dom-videoframe-resource-reference-slot\u2465"},{"id":"ref-for-dom-videoframe-resource-reference-slot\u2466"},{"id":"ref-for-dom-videoframe-resource-reference-slot\u2467"},{"id":"ref-for-dom-videoframe-resource-reference-slot\u2468"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-dom-videoframe-resource-reference-slot\u2460\u24ea"},{"id":"ref-for-dom-videoframe-resource-reference-slot\u2460\u2460"}],"title":"9.4.7. Transfer and Serialization"}],"url":"#dom-videoframe-resource-reference-slot"},
+"dom-videoframe-rotation": {"dfnID":"dom-videoframe-rotation","dfnText":"rotation","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-rotation"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-dom-videoframe-rotation\u2460"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-rotation\u2461"}],"title":"9.4.8. Rendering"}],"url":"#dom-videoframe-rotation"},
+"dom-videoframe-rotation-slot": {"dfnID":"dom-videoframe-rotation-slot","dfnText":"[[rotation]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-rotation-slot"},{"id":"ref-for-dom-videoframe-rotation-slot\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-rotation-slot\u2461"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-rotation-slot\u2462"},{"id":"ref-for-dom-videoframe-rotation-slot\u2463"},{"id":"ref-for-dom-videoframe-rotation-slot\u2464"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-rotation-slot"},
 "dom-videoframe-timestamp": {"dfnID":"dom-videoframe-timestamp","dfnText":"timestamp","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-timestamp"}],"title":"7.8. VideoEncoderConfig"},{"refs":[{"id":"ref-for-dom-videoframe-timestamp\u2460"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-dom-videoframe-timestamp\u2461"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-timestamp\u2462"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-timestamp\u2463"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-timestamp"},
 "dom-videoframe-timestamp-slot": {"dfnID":"dom-videoframe-timestamp-slot","dfnText":"[[timestamp]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-timestamp-slot"}],"title":"6.6. Algorithms"},{"refs":[{"id":"ref-for-dom-videoframe-timestamp-slot\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-timestamp-slot\u2461"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-timestamp-slot\u2462"},{"id":"ref-for-dom-videoframe-timestamp-slot\u2463"},{"id":"ref-for-dom-videoframe-timestamp-slot\u2464"},{"id":"ref-for-dom-videoframe-timestamp-slot\u2465"},{"id":"ref-for-dom-videoframe-timestamp-slot\u2466"},{"id":"ref-for-dom-videoframe-timestamp-slot\u2467"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-timestamp-slot"},
 "dom-videoframe-videoframe": {"dfnID":"dom-videoframe-videoframe","dfnText":"\n  VideoFrame(image, init)\n","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-videoframe"}],"title":"9.4. VideoFrame Interface"}],"url":"#dom-videoframe-videoframe"},
@@ -9826,20 +9974,22 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "dom-videoframe-videoframe-data-init-init": {"dfnID":"dom-videoframe-videoframe-data-init-init","dfnText":"init","external":false,"refSections":[],"url":"#dom-videoframe-videoframe-data-init-init"},
 "dom-videoframe-videoframe-image-init-image": {"dfnID":"dom-videoframe-videoframe-image-init-image","dfnText":"image","external":false,"refSections":[],"url":"#dom-videoframe-videoframe-image-init-image"},
 "dom-videoframe-videoframe-image-init-init": {"dfnID":"dom-videoframe-videoframe-image-init-init","dfnText":"init","external":false,"refSections":[],"url":"#dom-videoframe-videoframe-image-init-init"},
-"dom-videoframe-visible-height-slot": {"dfnID":"dom-videoframe-visible-height-slot","dfnText":"[[visible height]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-visible-height-slot"}],"title":"7.8. VideoEncoderConfig"},{"refs":[{"id":"ref-for-dom-videoframe-visible-height-slot\u2460"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2461"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2462"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-visible-height-slot\u2463"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-visible-height-slot\u2464"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2465"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2466"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2467"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2468"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2460\u24ea"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-visible-height-slot"},
+"dom-videoframe-visible-height-slot": {"dfnID":"dom-videoframe-visible-height-slot","dfnText":"[[visible height]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-visible-height-slot"}],"title":"7.8. VideoEncoderConfig"},{"refs":[{"id":"ref-for-dom-videoframe-visible-height-slot\u2460"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2461"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2462"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2463"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-visible-height-slot\u2464"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-visible-height-slot\u2465"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2466"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2467"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2468"},{"id":"ref-for-dom-videoframe-visible-height-slot\u2460\u24ea"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-visible-height-slot"},
 "dom-videoframe-visible-left-slot": {"dfnID":"dom-videoframe-visible-left-slot","dfnText":"[[visible left]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-visible-left-slot"}],"title":"9.4.1. Internal Slots"},{"refs":[{"id":"ref-for-dom-videoframe-visible-left-slot\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-visible-left-slot\u2461"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-visible-left-slot\u2462"},{"id":"ref-for-dom-videoframe-visible-left-slot\u2463"},{"id":"ref-for-dom-videoframe-visible-left-slot\u2464"},{"id":"ref-for-dom-videoframe-visible-left-slot\u2465"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-visible-left-slot"},
 "dom-videoframe-visible-top-slot": {"dfnID":"dom-videoframe-visible-top-slot","dfnText":"[[visible top]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-visible-top-slot"}],"title":"9.4.1. Internal Slots"},{"refs":[{"id":"ref-for-dom-videoframe-visible-top-slot\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-visible-top-slot\u2461"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-visible-top-slot\u2462"},{"id":"ref-for-dom-videoframe-visible-top-slot\u2463"},{"id":"ref-for-dom-videoframe-visible-top-slot\u2464"},{"id":"ref-for-dom-videoframe-visible-top-slot\u2465"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-visible-top-slot"},
-"dom-videoframe-visible-width-slot": {"dfnID":"dom-videoframe-visible-width-slot","dfnText":"[[visible width]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-visible-width-slot"}],"title":"7.8. VideoEncoderConfig"},{"refs":[{"id":"ref-for-dom-videoframe-visible-width-slot\u2460"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2461"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2462"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-visible-width-slot\u2463"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-visible-width-slot\u2464"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2465"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2466"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2467"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2468"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2460\u24ea"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-visible-width-slot"},
-"dom-videoframe-visiblerect": {"dfnID":"dom-videoframe-visiblerect","dfnText":"visibleRect","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-visiblerect"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2461"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2462"},{"id":"ref-for-dom-videoframe-visiblerect\u2463"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2464"}],"title":"9.5. VideoFrame CopyTo() Options"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2465"}],"title":"9.6. DOMRects in VideoFrame"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2466"},{"id":"ref-for-dom-videoframe-visiblerect\u2467"},{"id":"ref-for-dom-videoframe-visiblerect\u2468"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u24ea"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2460"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2461"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2462"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2463"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2464"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2465"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2466"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2467"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2468"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u24ea"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2460"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2461"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2462"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2463"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2464"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2465"}],"title":"9.8. Pixel Format"}],"url":"#dom-videoframe-visiblerect"},
+"dom-videoframe-visible-width-slot": {"dfnID":"dom-videoframe-visible-width-slot","dfnText":"[[visible width]]","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-visible-width-slot"}],"title":"7.8. VideoEncoderConfig"},{"refs":[{"id":"ref-for-dom-videoframe-visible-width-slot\u2460"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2461"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2462"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2463"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-visible-width-slot\u2464"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-visible-width-slot\u2465"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2466"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2467"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2468"},{"id":"ref-for-dom-videoframe-visible-width-slot\u2460\u24ea"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframe-visible-width-slot"},
+"dom-videoframe-visiblerect": {"dfnID":"dom-videoframe-visiblerect","dfnText":"visibleRect","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframe-visiblerect"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2461"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2462"},{"id":"ref-for-dom-videoframe-visiblerect\u2463"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2464"}],"title":"9.4.8. Rendering"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2465"}],"title":"9.5. VideoFrame CopyTo() Options"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2466"}],"title":"9.6. DOMRects in VideoFrame"},{"refs":[{"id":"ref-for-dom-videoframe-visiblerect\u2467"},{"id":"ref-for-dom-videoframe-visiblerect\u2468"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u24ea"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2460"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2461"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2462"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2463"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2464"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2465"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2466"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2467"},{"id":"ref-for-dom-videoframe-visiblerect\u2460\u2468"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u24ea"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2460"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2461"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2462"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2463"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2464"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2465"},{"id":"ref-for-dom-videoframe-visiblerect\u2461\u2466"}],"title":"9.8. Pixel Format"}],"url":"#dom-videoframe-visiblerect"},
 "dom-videoframebufferinit-codedheight": {"dfnID":"dom-videoframebufferinit-codedheight","dfnText":"codedHeight","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-codedheight"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframebufferinit-codedheight\u2460"},{"id":"ref-for-dom-videoframebufferinit-codedheight\u2461"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframebufferinit-codedheight"},
 "dom-videoframebufferinit-codedwidth": {"dfnID":"dom-videoframebufferinit-codedwidth","dfnText":"codedWidth","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-codedwidth"},{"id":"ref-for-dom-videoframebufferinit-codedwidth\u2460"},{"id":"ref-for-dom-videoframebufferinit-codedwidth\u2461"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframebufferinit-codedwidth\u2462"},{"id":"ref-for-dom-videoframebufferinit-codedwidth\u2463"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframebufferinit-codedwidth"},
 "dom-videoframebufferinit-colorspace": {"dfnID":"dom-videoframebufferinit-colorspace","dfnText":"colorSpace","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-colorspace"}],"title":"9.4.2. Constructors"}],"url":"#dom-videoframebufferinit-colorspace"},
 "dom-videoframebufferinit-displayheight": {"dfnID":"dom-videoframebufferinit-displayheight","dfnText":"displayHeight","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-displayheight"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframebufferinit-displayheight\u2460"},{"id":"ref-for-dom-videoframebufferinit-displayheight\u2461"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframebufferinit-displayheight"},
 "dom-videoframebufferinit-displaywidth": {"dfnID":"dom-videoframebufferinit-displaywidth","dfnText":"displayWidth","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-displaywidth"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframebufferinit-displaywidth\u2460"},{"id":"ref-for-dom-videoframebufferinit-displaywidth\u2461"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframebufferinit-displaywidth"},
 "dom-videoframebufferinit-duration": {"dfnID":"dom-videoframebufferinit-duration","dfnText":"duration","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-duration"}],"title":"9.4.2. Constructors"}],"url":"#dom-videoframebufferinit-duration"},
+"dom-videoframebufferinit-flip": {"dfnID":"dom-videoframebufferinit-flip","dfnText":"flip","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-flip"}],"title":"9.4.2. Constructors"}],"url":"#dom-videoframebufferinit-flip"},
 "dom-videoframebufferinit-format": {"dfnID":"dom-videoframebufferinit-format","dfnText":"format","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-format"},{"id":"ref-for-dom-videoframebufferinit-format\u2460"},{"id":"ref-for-dom-videoframebufferinit-format\u2461"}],"title":"9.4.2. Constructors"}],"url":"#dom-videoframebufferinit-format"},
 "dom-videoframebufferinit-layout": {"dfnID":"dom-videoframebufferinit-layout","dfnText":"layout","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-layout"},{"id":"ref-for-dom-videoframebufferinit-layout\u2460"}],"title":"9.4.2. Constructors"}],"url":"#dom-videoframebufferinit-layout"},
 "dom-videoframebufferinit-metadata": {"dfnID":"dom-videoframebufferinit-metadata","dfnText":"metadata","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-metadata"}],"title":"9.4.2. Constructors"}],"url":"#dom-videoframebufferinit-metadata"},
+"dom-videoframebufferinit-rotation": {"dfnID":"dom-videoframebufferinit-rotation","dfnText":"rotation","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-rotation"}],"title":"9.4.2. Constructors"}],"url":"#dom-videoframebufferinit-rotation"},
 "dom-videoframebufferinit-timestamp": {"dfnID":"dom-videoframebufferinit-timestamp","dfnText":"timestamp","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-timestamp"}],"title":"9.4.2. Constructors"}],"url":"#dom-videoframebufferinit-timestamp"},
 "dom-videoframebufferinit-transfer": {"dfnID":"dom-videoframebufferinit-transfer","dfnText":"transfer","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-transfer"},{"id":"ref-for-dom-videoframebufferinit-transfer\u2460"},{"id":"ref-for-dom-videoframebufferinit-transfer\u2461"},{"id":"ref-for-dom-videoframebufferinit-transfer\u2462"}],"title":"9.4.2. Constructors"}],"url":"#dom-videoframebufferinit-transfer"},
 "dom-videoframebufferinit-visiblerect": {"dfnID":"dom-videoframebufferinit-visiblerect","dfnText":"visibleRect","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframebufferinit-visiblerect"},{"id":"ref-for-dom-videoframebufferinit-visiblerect\u2460"},{"id":"ref-for-dom-videoframebufferinit-visiblerect\u2461"},{"id":"ref-for-dom-videoframebufferinit-visiblerect\u2462"},{"id":"ref-for-dom-videoframebufferinit-visiblerect\u2463"},{"id":"ref-for-dom-videoframebufferinit-visiblerect\u2464"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframebufferinit-visiblerect\u2465"},{"id":"ref-for-dom-videoframebufferinit-visiblerect\u2466"},{"id":"ref-for-dom-videoframebufferinit-visiblerect\u2467"},{"id":"ref-for-dom-videoframebufferinit-visiblerect\u2468"},{"id":"ref-for-dom-videoframebufferinit-visiblerect\u2460\u24ea"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframebufferinit-visiblerect"},
@@ -9851,7 +10001,9 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "dom-videoframeinit-displayheight": {"dfnID":"dom-videoframeinit-displayheight","dfnText":"displayHeight","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframeinit-displayheight"},{"id":"ref-for-dom-videoframeinit-displayheight\u2460"},{"id":"ref-for-dom-videoframeinit-displayheight\u2461"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframeinit-displayheight"},
 "dom-videoframeinit-displaywidth": {"dfnID":"dom-videoframeinit-displaywidth","dfnText":"displayWidth","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframeinit-displaywidth"},{"id":"ref-for-dom-videoframeinit-displaywidth\u2460"},{"id":"ref-for-dom-videoframeinit-displaywidth\u2461"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframeinit-displaywidth"},
 "dom-videoframeinit-duration": {"dfnID":"dom-videoframeinit-duration","dfnText":"duration","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframeinit-duration"},{"id":"ref-for-dom-videoframeinit-duration\u2460"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframeinit-duration"},
+"dom-videoframeinit-flip": {"dfnID":"dom-videoframeinit-flip","dfnText":"flip","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframeinit-flip"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframeinit-flip"},
 "dom-videoframeinit-metadata": {"dfnID":"dom-videoframeinit-metadata","dfnText":"metadata","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframeinit-metadata"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframeinit-metadata\u2460"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframeinit-metadata"},
+"dom-videoframeinit-rotation": {"dfnID":"dom-videoframeinit-rotation","dfnText":"rotation","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframeinit-rotation"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframeinit-rotation"},
 "dom-videoframeinit-timestamp": {"dfnID":"dom-videoframeinit-timestamp","dfnText":"timestamp","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframeinit-timestamp"},{"id":"ref-for-dom-videoframeinit-timestamp\u2460"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-dom-videoframeinit-timestamp\u2461"},{"id":"ref-for-dom-videoframeinit-timestamp\u2462"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframeinit-timestamp"},
 "dom-videoframeinit-visiblerect": {"dfnID":"dom-videoframeinit-visiblerect","dfnText":"visibleRect","external":false,"refSections":[{"refs":[{"id":"ref-for-dom-videoframeinit-visiblerect"},{"id":"ref-for-dom-videoframeinit-visiblerect\u2460"},{"id":"ref-for-dom-videoframeinit-visiblerect\u2461"},{"id":"ref-for-dom-videoframeinit-visiblerect\u2462"},{"id":"ref-for-dom-videoframeinit-visiblerect\u2463"},{"id":"ref-for-dom-videoframeinit-visiblerect\u2464"},{"id":"ref-for-dom-videoframeinit-visiblerect\u2465"},{"id":"ref-for-dom-videoframeinit-visiblerect\u2466"},{"id":"ref-for-dom-videoframeinit-visiblerect\u2467"}],"title":"9.4.6. Algorithms"}],"url":"#dom-videoframeinit-visiblerect"},
 "dom-videoframeoutputcallback-output": {"dfnID":"dom-videoframeoutputcallback-output","dfnText":"output","external":false,"refSections":[],"url":"#dom-videoframeoutputcallback-output"},
@@ -9957,7 +10109,7 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "internal-pending-output": {"dfnID":"internal-pending-output","dfnText":"Internal Pending Output","external":false,"refSections":[{"refs":[{"id":"ref-for-internal-pending-output"}],"title":"3.5. Methods"},{"refs":[{"id":"ref-for-internal-pending-output\u2460"}],"title":"4.5. Methods"},{"refs":[{"id":"ref-for-internal-pending-output\u2461"}],"title":"5.5. Methods"},{"refs":[{"id":"ref-for-internal-pending-output\u2462"}],"title":"6.5. Methods"}],"url":"#internal-pending-output"},
 "key-chunk": {"dfnID":"key-chunk","dfnText":"Key Chunk","external":false,"refSections":[{"refs":[{"id":"ref-for-key-chunk"}],"title":"3.1. Internal Slots"},{"refs":[{"id":"ref-for-key-chunk\u2460"}],"title":"3.5. Methods"},{"refs":[{"id":"ref-for-key-chunk\u2461"}],"title":"4.1. Internal Slots"},{"refs":[{"id":"ref-for-key-chunk\u2462"}],"title":"4.5. Methods"},{"refs":[{"id":"ref-for-key-chunk\u2463"}],"title":"7.13. VideoEncoderEncodeOptions"},{"refs":[{"id":"ref-for-key-chunk\u2464"}],"title":"8.1.1. Internal Slots"}],"url":"#key-chunk"},
 "maximum-value": {"dfnID":"maximum-value","dfnText":"maximum value","external":false,"refSections":[{"refs":[{"id":"ref-for-maximum-value"}],"title":"9.3.2. Magnitude of the audio samples"}],"url":"#maximum-value"},
-"media-resource": {"dfnID":"media-resource","dfnText":"media resource","external":false,"refSections":[{"refs":[{"id":"ref-for-media-resource"}],"title":"3.6. Algorithms"},{"refs":[{"id":"ref-for-media-resource\u2460"}],"title":"4.5. Methods"},{"refs":[{"id":"ref-for-media-resource\u2461"}],"title":"5.5. Methods"},{"refs":[{"id":"ref-for-media-resource\u2462"}],"title":"8.1.2. Constructors"},{"refs":[{"id":"ref-for-media-resource\u2463"}],"title":"8.2.2. Constructors"},{"refs":[{"id":"ref-for-media-resource\u2464"},{"id":"ref-for-media-resource\u2465"},{"id":"ref-for-media-resource\u2466"},{"id":"ref-for-media-resource\u2467"},{"id":"ref-for-media-resource\u2468"}],"title":"9.1.2. Reference Counting"},{"refs":[{"id":"ref-for-media-resource\u2460\u24ea"},{"id":"ref-for-media-resource\u2460\u2460"},{"id":"ref-for-media-resource\u2460\u2461"}],"title":"9.1.3. Transfer and Serialization"},{"refs":[{"id":"ref-for-media-resource\u2460\u2462"}],"title":"9.2.1. Internal Slots"},{"refs":[{"id":"ref-for-media-resource\u2460\u2463"},{"id":"ref-for-media-resource\u2460\u2464"}],"title":"9.2.2. Constructors"},{"refs":[{"id":"ref-for-media-resource\u2460\u2465"},{"id":"ref-for-media-resource\u2460\u2466"},{"id":"ref-for-media-resource\u2460\u2467"}],"title":"9.2.4. Methods"},{"refs":[{"id":"ref-for-media-resource\u2460\u2468"}],"title":"9.2.5. Algorithms"},{"refs":[{"id":"ref-for-media-resource\u2461\u24ea"}],"title":"9.2.6. Transfer and Serialization"},{"refs":[{"id":"ref-for-media-resource\u2461\u2460"}],"title":"9.4.1. Internal Slots"},{"refs":[{"id":"ref-for-media-resource\u2461\u2461"},{"id":"ref-for-media-resource\u2461\u2462"},{"id":"ref-for-media-resource\u2461\u2463"},{"id":"ref-for-media-resource\u2461\u2464"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-media-resource\u2461\u2465"},{"id":"ref-for-media-resource\u2461\u2466"},{"id":"ref-for-media-resource\u2461\u2467"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-media-resource\u2461\u2468"},{"id":"ref-for-media-resource\u2462\u24ea"},{"id":"ref-for-media-resource\u2462\u2460"},{"id":"ref-for-media-resource\u2462\u2461"},{"id":"ref-for-media-resource\u2462\u2462"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-media-resource\u2462\u2463"}],"title":"9.4.7. Transfer and Serialization"}],"url":"#media-resource"},
+"media-resource": {"dfnID":"media-resource","dfnText":"media resource","external":false,"refSections":[{"refs":[{"id":"ref-for-media-resource"}],"title":"3.6. Algorithms"},{"refs":[{"id":"ref-for-media-resource\u2460"}],"title":"4.5. Methods"},{"refs":[{"id":"ref-for-media-resource\u2461"}],"title":"5.5. Methods"},{"refs":[{"id":"ref-for-media-resource\u2462"}],"title":"8.1.2. Constructors"},{"refs":[{"id":"ref-for-media-resource\u2463"}],"title":"8.2.2. Constructors"},{"refs":[{"id":"ref-for-media-resource\u2464"},{"id":"ref-for-media-resource\u2465"},{"id":"ref-for-media-resource\u2466"},{"id":"ref-for-media-resource\u2467"},{"id":"ref-for-media-resource\u2468"}],"title":"9.1.2. Reference Counting"},{"refs":[{"id":"ref-for-media-resource\u2460\u24ea"},{"id":"ref-for-media-resource\u2460\u2460"},{"id":"ref-for-media-resource\u2460\u2461"}],"title":"9.1.3. Transfer and Serialization"},{"refs":[{"id":"ref-for-media-resource\u2460\u2462"}],"title":"9.2.1. Internal Slots"},{"refs":[{"id":"ref-for-media-resource\u2460\u2463"},{"id":"ref-for-media-resource\u2460\u2464"}],"title":"9.2.2. Constructors"},{"refs":[{"id":"ref-for-media-resource\u2460\u2465"},{"id":"ref-for-media-resource\u2460\u2466"},{"id":"ref-for-media-resource\u2460\u2467"}],"title":"9.2.4. Methods"},{"refs":[{"id":"ref-for-media-resource\u2460\u2468"}],"title":"9.2.5. Algorithms"},{"refs":[{"id":"ref-for-media-resource\u2461\u24ea"}],"title":"9.2.6. Transfer and Serialization"},{"refs":[{"id":"ref-for-media-resource\u2461\u2460"}],"title":"9.4.1. Internal Slots"},{"refs":[{"id":"ref-for-media-resource\u2461\u2461"},{"id":"ref-for-media-resource\u2461\u2462"},{"id":"ref-for-media-resource\u2461\u2463"},{"id":"ref-for-media-resource\u2461\u2464"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-media-resource\u2461\u2465"},{"id":"ref-for-media-resource\u2461\u2466"},{"id":"ref-for-media-resource\u2461\u2467"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-media-resource\u2461\u2468"},{"id":"ref-for-media-resource\u2462\u24ea"},{"id":"ref-for-media-resource\u2462\u2460"},{"id":"ref-for-media-resource\u2462\u2461"},{"id":"ref-for-media-resource\u2462\u2462"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-media-resource\u2462\u2463"}],"title":"9.4.7. Transfer and Serialization"},{"refs":[{"id":"ref-for-media-resource\u2462\u2464"}],"title":"9.4.8. Rendering"}],"url":"#media-resource"},
 "message-queue-blocked": {"dfnID":"message-queue-blocked","dfnText":"[[message queue blocked]]","external":false,"refSections":[{"refs":[{"id":"ref-for-message-queue-blocked"},{"id":"ref-for-message-queue-blocked\u2460"}],"title":"2.2. Control Messages"},{"refs":[{"id":"ref-for-message-queue-blocked\u2461"}],"title":"3.1. Internal Slots"},{"refs":[{"id":"ref-for-message-queue-blocked\u2462"}],"title":"4.1. Internal Slots"},{"refs":[{"id":"ref-for-message-queue-blocked\u2463"}],"title":"5.1. Internal Slots"},{"refs":[{"id":"ref-for-message-queue-blocked\u2464"}],"title":"6.1. Internal Slots"},{"refs":[{"id":"ref-for-message-queue-blocked\u2465"}],"title":"10.2.1. Internal Slots"}],"url":"#message-queue-blocked"},
 "minimum-value": {"dfnID":"minimum-value","dfnText":"minimum value","external":false,"refSections":[{"refs":[{"id":"ref-for-minimum-value"}],"title":"9.3.2. Magnitude of the audio samples"}],"url":"#minimum-value"},
 "output-audiodata": {"dfnID":"output-audiodata","dfnText":"Output AudioData","external":false,"refSections":[{"refs":[{"id":"ref-for-output-audiodata"},{"id":"ref-for-output-audiodata\u2460"}],"title":"3.5. Methods"}],"url":"#output-audiodata"},
@@ -10003,13 +10155,15 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "videodecoder-schedule-dequeue-event": {"dfnID":"videodecoder-schedule-dequeue-event","dfnText":"Schedule Dequeue Event","external":false,"refSections":[{"refs":[{"id":"ref-for-videodecoder-schedule-dequeue-event"}],"title":"4.5. Methods"},{"refs":[{"id":"ref-for-videodecoder-schedule-dequeue-event\u2460"}],"title":"4.6. Algorithms"}],"url":"#videodecoder-schedule-dequeue-event"},
 "videoencoder": {"dfnID":"videoencoder","dfnText":"VideoEncoder","external":false,"refSections":[{"refs":[{"id":"ref-for-videoencoder"}],"title":"1. Definitions"},{"refs":[{"id":"ref-for-videoencoder\u2460"}],"title":"6.1. Internal Slots"},{"refs":[{"id":"ref-for-videoencoder\u2461"}],"title":"6.2. Constructors"},{"refs":[{"id":"ref-for-videoencoder\u2462"}],"title":"6.4. Event Summary"},{"refs":[{"id":"ref-for-videoencoder\u2463"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-videoencoder\u2464"},{"id":"ref-for-videoencoder\u2465"}],"title":"11. Resource Reclamation"}],"url":"#videoencoder"},
 "videoencoder-schedule-dequeue-event": {"dfnID":"videoencoder-schedule-dequeue-event","dfnText":"Schedule Dequeue Event","external":false,"refSections":[{"refs":[{"id":"ref-for-videoencoder-schedule-dequeue-event"}],"title":"6.5. Methods"},{"refs":[{"id":"ref-for-videoencoder-schedule-dequeue-event\u2460"}],"title":"6.6. Algorithms"}],"url":"#videoencoder-schedule-dequeue-event"},
-"videoframe": {"dfnID":"videoframe","dfnText":"VideoFrame","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe"},{"id":"ref-for-videoframe\u2460"}],"title":"1. Definitions"},{"refs":[{"id":"ref-for-videoframe\u2461"}],"title":"4. VideoDecoder Interface"},{"refs":[{"id":"ref-for-videoframe\u2462"}],"title":"4.5. Methods"},{"refs":[{"id":"ref-for-videoframe\u2463"}],"title":"6. VideoEncoder Interface"},{"refs":[{"id":"ref-for-videoframe\u2464"},{"id":"ref-for-videoframe\u2465"}],"title":"6.6. Algorithms"},{"refs":[{"id":"ref-for-videoframe\u2466"},{"id":"ref-for-videoframe\u2467"},{"id":"ref-for-videoframe\u2468"}],"title":"7.6. VideoDecoderConfig"},{"refs":[{"id":"ref-for-videoframe\u2460\u24ea"},{"id":"ref-for-videoframe\u2460\u2460"},{"id":"ref-for-videoframe\u2460\u2461"},{"id":"ref-for-videoframe\u2460\u2462"},{"id":"ref-for-videoframe\u2460\u2463"}],"title":"7.8. VideoEncoderConfig"},{"refs":[{"id":"ref-for-videoframe\u2460\u2464"},{"id":"ref-for-videoframe\u2460\u2465"}],"title":"7.10. Alpha Option"},{"refs":[{"id":"ref-for-videoframe\u2460\u2466"},{"id":"ref-for-videoframe\u2460\u2467"},{"id":"ref-for-videoframe\u2460\u2468"},{"id":"ref-for-videoframe\u2461\u24ea"}],"title":"9.1.2. Reference Counting"},{"refs":[{"id":"ref-for-videoframe\u2461\u2460"},{"id":"ref-for-videoframe\u2461\u2461"},{"id":"ref-for-videoframe\u2461\u2462"},{"id":"ref-for-videoframe\u2461\u2463"},{"id":"ref-for-videoframe\u2461\u2464"}],"title":"9.1.3. Transfer and Serialization"},{"refs":[{"id":"ref-for-videoframe\u2461\u2465"},{"id":"ref-for-videoframe\u2461\u2466"},{"id":"ref-for-videoframe\u2461\u2467"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-videoframe\u2461\u2468"},{"id":"ref-for-videoframe\u2462\u24ea"},{"id":"ref-for-videoframe\u2462\u2460"},{"id":"ref-for-videoframe\u2462\u2461"},{"id":"ref-for-videoframe\u2462\u2462"},{"id":"ref-for-videoframe\u2462\u2463"},{"id":"ref-for-videoframe\u2462\u2464"}],"title":"9.4.1. Internal Slots"},{"refs":[{"id":"ref-for-videoframe\u2462\u2465"},{"id":"ref-for-videoframe\u2462\u2466"},{"id":"ref-for-videoframe\u2462\u2467"},{"id":"ref-for-videoframe\u2462\u2468"},{"id":"ref-for-videoframe\u2463\u24ea"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-videoframe\u2463\u2460"},{"id":"ref-for-videoframe\u2463\u2461"},{"id":"ref-for-videoframe\u2463\u2462"},{"id":"ref-for-videoframe\u2463\u2463"},{"id":"ref-for-videoframe\u2463\u2464"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-videoframe\u2463\u2465"},{"id":"ref-for-videoframe\u2463\u2466"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-videoframe\u2463\u2467"},{"id":"ref-for-videoframe\u2463\u2468"},{"id":"ref-for-videoframe\u2464\u24ea"},{"id":"ref-for-videoframe\u2464\u2460"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-videoframe\u2464\u2461"},{"id":"ref-for-videoframe\u2464\u2462"},{"id":"ref-for-videoframe\u2464\u2463"},{"id":"ref-for-videoframe\u2464\u2464"},{"id":"ref-for-videoframe\u2464\u2465"},{"id":"ref-for-videoframe\u2464\u2466"},{"id":"ref-for-videoframe\u2464\u2467"},{"id":"ref-for-videoframe\u2464\u2468"}],"title":"9.4.7. Transfer and Serialization"},{"refs":[{"id":"ref-for-videoframe\u2465\u24ea"}],"title":"9.4.8. Rendering"},{"refs":[{"id":"ref-for-videoframe\u2465\u2460"},{"id":"ref-for-videoframe\u2465\u2461"},{"id":"ref-for-videoframe\u2465\u2462"}],"title":"9.5. VideoFrame CopyTo() Options"},{"refs":[{"id":"ref-for-videoframe\u2465\u2463"},{"id":"ref-for-videoframe\u2465\u2464"}],"title":"9.6. DOMRects in VideoFrame"},{"refs":[{"id":"ref-for-videoframe\u2465\u2465"},{"id":"ref-for-videoframe\u2465\u2466"}],"title":"9.7. Plane Layout"},{"refs":[{"id":"ref-for-videoframe\u2465\u2467"}],"title":"9.8. Pixel Format"},{"refs":[{"id":"ref-for-videoframe\u2465\u2468"}],"title":"10.1. Background"},{"refs":[{"id":"ref-for-videoframe\u2466\u24ea"}],"title":"10.2.1. Internal Slots"},{"refs":[{"id":"ref-for-videoframe\u2466\u2460"},{"id":"ref-for-videoframe\u2466\u2461"}],"title":"10.5. ImageDecodeResult Interface"},{"refs":[{"id":"ref-for-videoframe\u2466\u2462"}],"title":"14. Best Practices for Authors Using WebCodecs"}],"url":"#videoframe"},
+"videoframe": {"dfnID":"videoframe","dfnText":"VideoFrame","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe"},{"id":"ref-for-videoframe\u2460"}],"title":"1. Definitions"},{"refs":[{"id":"ref-for-videoframe\u2461"}],"title":"4. VideoDecoder Interface"},{"refs":[{"id":"ref-for-videoframe\u2462"}],"title":"4.5. Methods"},{"refs":[{"id":"ref-for-videoframe\u2463"}],"title":"6. VideoEncoder Interface"},{"refs":[{"id":"ref-for-videoframe\u2464"},{"id":"ref-for-videoframe\u2465"}],"title":"6.6. Algorithms"},{"refs":[{"id":"ref-for-videoframe\u2466"},{"id":"ref-for-videoframe\u2467"},{"id":"ref-for-videoframe\u2468"}],"title":"7.6. VideoDecoderConfig"},{"refs":[{"id":"ref-for-videoframe\u2460\u24ea"},{"id":"ref-for-videoframe\u2460\u2460"},{"id":"ref-for-videoframe\u2460\u2461"},{"id":"ref-for-videoframe\u2460\u2462"},{"id":"ref-for-videoframe\u2460\u2463"}],"title":"7.8. VideoEncoderConfig"},{"refs":[{"id":"ref-for-videoframe\u2460\u2464"},{"id":"ref-for-videoframe\u2460\u2465"}],"title":"7.10. Alpha Option"},{"refs":[{"id":"ref-for-videoframe\u2460\u2466"},{"id":"ref-for-videoframe\u2460\u2467"},{"id":"ref-for-videoframe\u2460\u2468"},{"id":"ref-for-videoframe\u2461\u24ea"}],"title":"9.1.2. Reference Counting"},{"refs":[{"id":"ref-for-videoframe\u2461\u2460"},{"id":"ref-for-videoframe\u2461\u2461"},{"id":"ref-for-videoframe\u2461\u2462"},{"id":"ref-for-videoframe\u2461\u2463"},{"id":"ref-for-videoframe\u2461\u2464"}],"title":"9.1.3. Transfer and Serialization"},{"refs":[{"id":"ref-for-videoframe\u2461\u2465"},{"id":"ref-for-videoframe\u2461\u2466"},{"id":"ref-for-videoframe\u2461\u2467"}],"title":"9.4. VideoFrame Interface"},{"refs":[{"id":"ref-for-videoframe\u2461\u2468"},{"id":"ref-for-videoframe\u2462\u24ea"},{"id":"ref-for-videoframe\u2462\u2460"},{"id":"ref-for-videoframe\u2462\u2461"},{"id":"ref-for-videoframe\u2462\u2462"},{"id":"ref-for-videoframe\u2462\u2463"},{"id":"ref-for-videoframe\u2462\u2464"},{"id":"ref-for-videoframe\u2462\u2465"},{"id":"ref-for-videoframe\u2462\u2466"}],"title":"9.4.1. Internal Slots"},{"refs":[{"id":"ref-for-videoframe\u2462\u2467"},{"id":"ref-for-videoframe\u2462\u2468"},{"id":"ref-for-videoframe\u2463\u24ea"},{"id":"ref-for-videoframe\u2463\u2460"},{"id":"ref-for-videoframe\u2463\u2461"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-videoframe\u2463\u2462"},{"id":"ref-for-videoframe\u2463\u2463"},{"id":"ref-for-videoframe\u2463\u2464"},{"id":"ref-for-videoframe\u2463\u2465"},{"id":"ref-for-videoframe\u2463\u2466"},{"id":"ref-for-videoframe\u2463\u2467"}],"title":"9.4.3. Attributes"},{"refs":[{"id":"ref-for-videoframe\u2463\u2468"},{"id":"ref-for-videoframe\u2464\u24ea"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-videoframe\u2464\u2460"},{"id":"ref-for-videoframe\u2464\u2461"},{"id":"ref-for-videoframe\u2464\u2462"},{"id":"ref-for-videoframe\u2464\u2463"}],"title":"9.4.6. Algorithms"},{"refs":[{"id":"ref-for-videoframe\u2464\u2464"},{"id":"ref-for-videoframe\u2464\u2465"},{"id":"ref-for-videoframe\u2464\u2466"},{"id":"ref-for-videoframe\u2464\u2467"},{"id":"ref-for-videoframe\u2464\u2468"},{"id":"ref-for-videoframe\u2465\u24ea"},{"id":"ref-for-videoframe\u2465\u2460"},{"id":"ref-for-videoframe\u2465\u2461"}],"title":"9.4.7. Transfer and Serialization"},{"refs":[{"id":"ref-for-videoframe\u2465\u2462"},{"id":"ref-for-videoframe\u2465\u2463"}],"title":"9.4.8. Rendering"},{"refs":[{"id":"ref-for-videoframe\u2465\u2464"},{"id":"ref-for-videoframe\u2465\u2465"},{"id":"ref-for-videoframe\u2465\u2466"}],"title":"9.5. VideoFrame CopyTo() Options"},{"refs":[{"id":"ref-for-videoframe\u2465\u2467"},{"id":"ref-for-videoframe\u2465\u2468"}],"title":"9.6. DOMRects in VideoFrame"},{"refs":[{"id":"ref-for-videoframe\u2466\u24ea"},{"id":"ref-for-videoframe\u2466\u2460"}],"title":"9.7. Plane Layout"},{"refs":[{"id":"ref-for-videoframe\u2466\u2461"}],"title":"9.8. Pixel Format"},{"refs":[{"id":"ref-for-videoframe\u2466\u2462"}],"title":"10.1. Background"},{"refs":[{"id":"ref-for-videoframe\u2466\u2463"}],"title":"10.2.1. Internal Slots"},{"refs":[{"id":"ref-for-videoframe\u2466\u2464"},{"id":"ref-for-videoframe\u2466\u2465"}],"title":"10.5. ImageDecodeResult Interface"},{"refs":[{"id":"ref-for-videoframe\u2466\u2466"}],"title":"14. Best Practices for Authors Using WebCodecs"}],"url":"#videoframe"},
+"videoframe-add-rotations": {"dfnID":"videoframe-add-rotations","dfnText":"Add Rotations","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-add-rotations"}],"title":"9.4.6. Algorithms"}],"url":"#videoframe-add-rotations"},
 "videoframe-compute-layout-and-allocation-size": {"dfnID":"videoframe-compute-layout-and-allocation-size","dfnText":"Compute Layout and Allocation Size","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-compute-layout-and-allocation-size"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-videoframe-compute-layout-and-allocation-size\u2460"}],"title":"9.4.6. Algorithms"}],"url":"#videoframe-compute-layout-and-allocation-size"},
 "videoframe-convert-to-rgb-frame": {"dfnID":"videoframe-convert-to-rgb-frame","dfnText":"Convert to RGB frame","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-convert-to-rgb-frame"}],"title":"9.4.5. Methods"}],"url":"#videoframe-convert-to-rgb-frame"},
 "videoframe-copy-videoframe-metadata": {"dfnID":"videoframe-copy-videoframe-metadata","dfnText":"Copy VideoFrame metadata","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-copy-videoframe-metadata"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-videoframe-copy-videoframe-metadata\u2460"}],"title":"9.4.5. Methods"},{"refs":[{"id":"ref-for-videoframe-copy-videoframe-metadata\u2461"}],"title":"9.4.6. Algorithms"}],"url":"#videoframe-copy-videoframe-metadata"},
 "videoframe-initialize-frame-from-other-frame": {"dfnID":"videoframe-initialize-frame-from-other-frame","dfnText":"Initialize Frame From Other Frame","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-initialize-frame-from-other-frame"},{"id":"ref-for-videoframe-initialize-frame-from-other-frame\u2460"}],"title":"9.4.2. Constructors"}],"url":"#videoframe-initialize-frame-from-other-frame"},
-"videoframe-initialize-frame-with-resource-and-size": {"dfnID":"videoframe-initialize-frame-with-resource-and-size","dfnText":"Initialize Frame With Resource and Size","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-initialize-frame-with-resource-and-size"},{"id":"ref-for-videoframe-initialize-frame-with-resource-and-size\u2460"}],"title":"9.4.2. Constructors"}],"url":"#videoframe-initialize-frame-with-resource-and-size"},
-"videoframe-initialize-visible-rect-and-display-size": {"dfnID":"videoframe-initialize-visible-rect-and-display-size","dfnText":"Initialize Visible Rect and Display Size","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-initialize-visible-rect-and-display-size"},{"id":"ref-for-videoframe-initialize-visible-rect-and-display-size\u2460"}],"title":"9.4.6. Algorithms"}],"url":"#videoframe-initialize-visible-rect-and-display-size"},
+"videoframe-initialize-frame-with-resource": {"dfnID":"videoframe-initialize-frame-with-resource","dfnText":"Initialize Frame With Resource","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-initialize-frame-with-resource"},{"id":"ref-for-videoframe-initialize-frame-with-resource\u2460"}],"title":"9.4.2. Constructors"}],"url":"#videoframe-initialize-frame-with-resource"},
+"videoframe-initialize-visible-rect-orientation-and-display-size": {"dfnID":"videoframe-initialize-visible-rect-orientation-and-display-size","dfnText":"Initialize Visible Rect, Orientation, and Display Size","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-initialize-visible-rect-orientation-and-display-size"},{"id":"ref-for-videoframe-initialize-visible-rect-orientation-and-display-size\u2460"}],"title":"9.4.6. Algorithms"}],"url":"#videoframe-initialize-visible-rect-orientation-and-display-size"},
+"videoframe-parse-rotation": {"dfnID":"videoframe-parse-rotation","dfnText":"Parse Rotation","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-parse-rotation"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-videoframe-parse-rotation\u2460"}],"title":"9.4.6. Algorithms"}],"url":"#videoframe-parse-rotation"},
 "videoframe-parse-videoframecopytooptions": {"dfnID":"videoframe-parse-videoframecopytooptions","dfnText":"Parse VideoFrameCopyToOptions","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-parse-videoframecopytooptions"},{"id":"ref-for-videoframe-parse-videoframecopytooptions\u2460"}],"title":"9.4.5. Methods"}],"url":"#videoframe-parse-videoframecopytooptions"},
 "videoframe-parse-visible-rect": {"dfnID":"videoframe-parse-visible-rect","dfnText":"Parse Visible Rect","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-parse-visible-rect"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-videoframe-parse-visible-rect\u2460"}],"title":"9.4.6. Algorithms"}],"url":"#videoframe-parse-visible-rect"},
 "videoframe-pick-color-space": {"dfnID":"videoframe-pick-color-space","dfnText":"Pick Color Space","external":false,"refSections":[{"refs":[{"id":"ref-for-videoframe-pick-color-space"}],"title":"9.4.2. Constructors"},{"refs":[{"id":"ref-for-videoframe-pick-color-space\u2460"}],"title":"9.4.6. Algorithms"}],"url":"#videoframe-pick-color-space"},
@@ -10784,11 +10938,15 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "#dom-videoframe-displaywidth": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"displayWidth","type":"attribute","url":"#dom-videoframe-displaywidth"},
 "#dom-videoframe-duration": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"duration","type":"attribute","url":"#dom-videoframe-duration"},
 "#dom-videoframe-duration-slot": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"[[duration]]","type":"attribute","url":"#dom-videoframe-duration-slot"},
+"#dom-videoframe-flip": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"flip","type":"attribute","url":"#dom-videoframe-flip"},
+"#dom-videoframe-flip-slot": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"[[flip]]","type":"attribute","url":"#dom-videoframe-flip-slot"},
 "#dom-videoframe-format": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"format","type":"attribute","url":"#dom-videoframe-format"},
 "#dom-videoframe-format-slot": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"[[format]]","type":"attribute","url":"#dom-videoframe-format-slot"},
 "#dom-videoframe-metadata": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"metadata()","type":"method","url":"#dom-videoframe-metadata"},
 "#dom-videoframe-metadata-slot": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"[[metadata]]","type":"attribute","url":"#dom-videoframe-metadata-slot"},
 "#dom-videoframe-resource-reference-slot": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"[[resource reference]]","type":"attribute","url":"#dom-videoframe-resource-reference-slot"},
+"#dom-videoframe-rotation": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"rotation","type":"attribute","url":"#dom-videoframe-rotation"},
+"#dom-videoframe-rotation-slot": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"[[rotation]]","type":"attribute","url":"#dom-videoframe-rotation-slot"},
 "#dom-videoframe-timestamp": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"timestamp","type":"attribute","url":"#dom-videoframe-timestamp"},
 "#dom-videoframe-timestamp-slot": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"[[timestamp]]","type":"attribute","url":"#dom-videoframe-timestamp-slot"},
 "#dom-videoframe-videoframe": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"VideoFrame(image, init)","type":"constructor","url":"#dom-videoframe-videoframe"},
@@ -10804,9 +10962,11 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "#dom-videoframebufferinit-displayheight": {"export":true,"for_":["VideoFrameBufferInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"displayHeight","type":"dict-member","url":"#dom-videoframebufferinit-displayheight"},
 "#dom-videoframebufferinit-displaywidth": {"export":true,"for_":["VideoFrameBufferInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"displayWidth","type":"dict-member","url":"#dom-videoframebufferinit-displaywidth"},
 "#dom-videoframebufferinit-duration": {"export":true,"for_":["VideoFrameBufferInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"duration","type":"dict-member","url":"#dom-videoframebufferinit-duration"},
+"#dom-videoframebufferinit-flip": {"export":true,"for_":["VideoFrameBufferInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"flip","type":"dict-member","url":"#dom-videoframebufferinit-flip"},
 "#dom-videoframebufferinit-format": {"export":true,"for_":["VideoFrameBufferInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"format","type":"dict-member","url":"#dom-videoframebufferinit-format"},
 "#dom-videoframebufferinit-layout": {"export":true,"for_":["VideoFrameBufferInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"layout","type":"dict-member","url":"#dom-videoframebufferinit-layout"},
 "#dom-videoframebufferinit-metadata": {"export":true,"for_":["VideoFrameBufferInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"metadata","type":"dict-member","url":"#dom-videoframebufferinit-metadata"},
+"#dom-videoframebufferinit-rotation": {"export":true,"for_":["VideoFrameBufferInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"rotation","type":"dict-member","url":"#dom-videoframebufferinit-rotation"},
 "#dom-videoframebufferinit-timestamp": {"export":true,"for_":["VideoFrameBufferInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"timestamp","type":"dict-member","url":"#dom-videoframebufferinit-timestamp"},
 "#dom-videoframebufferinit-transfer": {"export":true,"for_":["VideoFrameBufferInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"transfer","type":"dict-member","url":"#dom-videoframebufferinit-transfer"},
 "#dom-videoframebufferinit-visiblerect": {"export":true,"for_":["VideoFrameBufferInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"visibleRect","type":"dict-member","url":"#dom-videoframebufferinit-visiblerect"},
@@ -10818,7 +10978,9 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "#dom-videoframeinit-displayheight": {"export":true,"for_":["VideoFrameInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"displayHeight","type":"dict-member","url":"#dom-videoframeinit-displayheight"},
 "#dom-videoframeinit-displaywidth": {"export":true,"for_":["VideoFrameInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"displayWidth","type":"dict-member","url":"#dom-videoframeinit-displaywidth"},
 "#dom-videoframeinit-duration": {"export":true,"for_":["VideoFrameInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"duration","type":"dict-member","url":"#dom-videoframeinit-duration"},
+"#dom-videoframeinit-flip": {"export":true,"for_":["VideoFrameInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"flip","type":"dict-member","url":"#dom-videoframeinit-flip"},
 "#dom-videoframeinit-metadata": {"export":true,"for_":["VideoFrameInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"metadata","type":"dict-member","url":"#dom-videoframeinit-metadata"},
+"#dom-videoframeinit-rotation": {"export":true,"for_":["VideoFrameInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"rotation","type":"dict-member","url":"#dom-videoframeinit-rotation"},
 "#dom-videoframeinit-timestamp": {"export":true,"for_":["VideoFrameInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"timestamp","type":"dict-member","url":"#dom-videoframeinit-timestamp"},
 "#dom-videoframeinit-visiblerect": {"export":true,"for_":["VideoFrameInit"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"visibleRect","type":"dict-member","url":"#dom-videoframeinit-visiblerect"},
 "#dom-videomatrixcoefficients-bt2020-ncl": {"export":true,"for_":["VideoMatrixCoefficients"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"\"bt2020-ncl\"","type":"enum-value","url":"#dom-videomatrixcoefficients-bt2020-ncl"},
@@ -10944,12 +11106,14 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 "#videoencoder": {"export":true,"for_":[],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"VideoEncoder","type":"interface","url":"#videoencoder"},
 "#videoencoder-schedule-dequeue-event": {"export":true,"for_":["VideoEncoder"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"schedule dequeue event","type":"dfn","url":"#videoencoder-schedule-dequeue-event"},
 "#videoframe": {"export":true,"for_":[],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"VideoFrame","type":"interface","url":"#videoframe"},
+"#videoframe-add-rotations": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"add rotations","type":"dfn","url":"#videoframe-add-rotations"},
 "#videoframe-compute-layout-and-allocation-size": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"compute layout and allocation size","type":"dfn","url":"#videoframe-compute-layout-and-allocation-size"},
 "#videoframe-convert-to-rgb-frame": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"convert to rgb frame","type":"dfn","url":"#videoframe-convert-to-rgb-frame"},
 "#videoframe-copy-videoframe-metadata": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"copy videoframe metadata","type":"dfn","url":"#videoframe-copy-videoframe-metadata"},
 "#videoframe-initialize-frame-from-other-frame": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"initialize frame from other frame","type":"dfn","url":"#videoframe-initialize-frame-from-other-frame"},
-"#videoframe-initialize-frame-with-resource-and-size": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"initialize frame with resource and size","type":"dfn","url":"#videoframe-initialize-frame-with-resource-and-size"},
-"#videoframe-initialize-visible-rect-and-display-size": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"initialize visible rect and display size","type":"dfn","url":"#videoframe-initialize-visible-rect-and-display-size"},
+"#videoframe-initialize-frame-with-resource": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"initialize frame with resource","type":"dfn","url":"#videoframe-initialize-frame-with-resource"},
+"#videoframe-initialize-visible-rect-orientation-and-display-size": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"initialize visible rect, orientation, and display size","type":"dfn","url":"#videoframe-initialize-visible-rect-orientation-and-display-size"},
+"#videoframe-parse-rotation": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"parse rotation","type":"dfn","url":"#videoframe-parse-rotation"},
 "#videoframe-parse-videoframecopytooptions": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"parse videoframecopytooptions","type":"dfn","url":"#videoframe-parse-videoframecopytooptions"},
 "#videoframe-parse-visible-rect": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"parse visible rect","type":"dfn","url":"#videoframe-parse-visible-rect"},
 "#videoframe-pick-color-space": {"export":true,"for_":["VideoFrame"],"level":"","normative":true,"shortname":"webcodecs","spec":"webcodecs","status":"local","text":"pick color space","type":"dfn","url":"#videoframe-pick-color-space"},