Clean

README.md

@@ -6,8 +6,8 @@ This repository aims to investigate whether WebCodec's `VideoDecoder` can decode
 
 ### Scalable Video Coding (SVC)
 
-Adaptive video streaming is the ability to adapt the video quality to the user's network conditions. Simulcast allows
-for adaptive video streaming by independently encoding different versions of a video segment. However, this leads to an
+Adaptive video streaming is the ability to adapt the video quality to the user's network conditions. Simulcast does this
+by independently encoding different versions of a video segment. However, this leads to an
 increased storage penalty due to the redundancy.
 
 SVC reduces this redundancy by encoding a video segment into multiple different spatial and

index.html

@@ -132,23 +132,29 @@
 
 <div id="layers">
     <p>
-        *There are actually two remote peers with different scalability modes. Above the WebRTC receiver, you can toggle
-        video elements.
+        *There are actually two remote computer to peer connections. One connection uses the scalability mode
+        <code>L3T3</code> to encode video frames. The other uses <code>S3T3</code>. The WebRTC receiver video frame
+        above uses the former scalability mode.
+    </p>
+    <p>
+        <code>L3T3</code> and <code>S3T3</code> both have three spatial layers and three temporal layers.
+        <code>L3T3</code> chunks depend on lower layers while <code>S3T3</code> chunks have no inter-layer
+        dependency, also known as simulcast.
     </p>
 
-    <div style="display: flex;">
-        <div>
+    <div style="display: flex; ">
+        <div style="margin-right: 8px">
             <div>
-                <p>L3T3 Encoded Frames</p>
+                <p>S3T3 Encoded Frames</p>
             </div>
-            <div id="l3t3-entries">
+            <div id="s3t3-entries">
             </div>
         </div>
         <div>
             <div>
-                <p>S3T3 Encoded Frames</p>
+                <p>L3T3 Encoded Frames</p>
             </div>
-            <div id="s3t3-entries">
+            <div id="l3t3-entries">
             </div>
         </div>
     </div>