Build at Sat 25 May 2024 00:59:00 AM EDT

mlc-ai · May 25, 2024 · 2a487f9 · 2a487f9
1 parent e03bd0b
commit 2a487f9
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 3 deletions.
diff --git a/docs/assets/css/hero.css b/docs/assets/css/hero.css
diff --git a/docs/assets/css/hero.css.map b/docs/assets/css/hero.css.map
diff --git a/docs/assets/css/main.css.map b/docs/assets/css/main.css.map
diff --git a/docs/index.html b/docs/index.html
@@ -131,6 +131,8 @@ <h1>WebLLM: High-Performance In-Browser LLM Serving Engine.</h1>
 </section>
 
 <script>
+  (function() {
+
   function handlerIn(e) {
     $(this).addClass("expanded");
   }
@@ -140,6 +142,27 @@ <h1>WebLLM: High-Performance In-Browser LLM Serving Engine.</h1>
 
   $(".chat-link").hover(handlerIn, handlerOut);
   $(".github-link").hover(handlerIn, handlerOut);
+
+  var video = $("video")[0];
+  video.play().then((_) => {
+    let observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (
+              entry.intersectionRatio !== 1 &&
+              !video.paused
+          ) {
+            video.pause();
+          } else if (video.paused) {
+            video.play();
+          }
+        });
+      },
+        { threshold: 0.2 }
+    );
+    observer.observe(video);
+  });
+})()
 </script>
 
 <h2 id="overview">Overview</h2>