.

Author: faikit

public/SparseVideoNav/index.html

@@ -473,7 +473,7 @@
   <!-- Single Background Video -->
   <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
     <video id="hero-video" playsinline webkit-playsinline x5-playsinline x5-video-player-type="h5" autoplay loop muted style="width: 100%; height: 100%; object-fit: cover; opacity: 0.6;" >
-      <source src="./teaser.mp4" type="video/mp4">
+      <source src="https://assets.kinetixai.cn/rise/teaser.mp4" type="video/mp4">
     </video>
   </div>
 
@@ -564,8 +564,8 @@ <h2 class="subtitle" style="color: #e0e0e0; font-size: 1.9rem; font-weight: 300;
     <div class="columns is-centered has-text-centered">
       <div class="column is-10">
         <div class="video-container" style="border-radius: 20px; box-shadow: 0 20px 80px rgba(82, 196, 26, 0.3); overflow: hidden; border: 1px solid rgba(82, 196, 26, 0.2);">
-          <video autoplay muted loop playsinline webkit-playsinline x5-playsinline x5-video-player-type="h5" controls width="100%" poster="https://assets.kinetixai.cn/20260207arch/full_demo_poster.png">
-            <source src="https://assets.kinetixai.cn/images2026/full_demo.mp4" type="video/mp4">
+          <video autoplay muted loop playsinline webkit-playsinline x5-playsinline x5-video-player-type="h5" controls width="100%" poster="https://assets.kinetixai.cn/20251211/sparse.png">
+            <source src="https://assets.kinetixai.cn/rise/090403.mp4" type="video/mp4">
           </video>
         </div>
       </div>
@@ -587,10 +587,10 @@ <h2 class="title is-2" style="color: #fff; font-weight: 700; margin-bottom: 1.5r
       <h3 class="title is-4" style="color: #52c41a; margin-bottom: 2rem; text-align: center; font-size: 2rem; font-weight: 600;">System Overview</h3>
       <div class="columns video-scroll">
         <div class="column">
-          <img class="img-zoomable" src="./model_architecture.gif" width="100%" style="border-radius:10px; box-shadow: 0 5px 20px rgba(82, 196, 26, 0.3);" alt="Pipeline Overview" />
+          <img class="img-zoomable" src="https://assets.kinetixai.cn/rise/090422.gif" width="100%" style="border-radius:10px; box-shadow: 0 5px 20px rgba(82, 196, 26, 0.3);" alt="Pipeline Overview" />
         </div>
         <div class="column">
-          <img class="img-zoomable" src="./pipeline.gif" width="100%" style="border-radius:10px; box-shadow: 0 5px 20px rgba(82, 196, 26, 0.3);" alt="Pipeline Overview" />
+          <img class="img-zoomable" src="https://assets.kinetixai.cn/rise/090433.gif" width="100%" style="border-radius:10px; box-shadow: 0 5px 20px rgba(82, 196, 26, 0.3);" alt="Pipeline Overview" />
         </div>
       </div>
       <div class="content" style="color: #ccc; text-align: center; max-width: 850px; margin: 0 auto; background: rgba(82, 196, 26, 0.05); padding: 2.5rem; border-radius: 20px; border: 1px solid rgba(82, 196, 26, 0.1); backdrop-filter: blur(10px);">
@@ -689,10 +689,10 @@ <h4 class="title is-4" style="color: #ccc; text-align: center; margin-bottom: 1.
         <h4 class="title is-4" style="color: #ccc; text-align: center; margin-bottom: 1.5rem;">Indoor Scenes</h4>
         <div class="columns video-scroll">
           <div class="column">
-            <video autoplay muted loop playsinline webkit-playsinline x5-playsinline x5-video-player-type="h5" controls src="./static/images/indoor_1.mp4" width="100%" style="border-radius:10px; box-shadow: 0 5px 20px rgba(0,0,0,0.4);" poster="./indoor1_poster.png"></video>
+            <video autoplay muted loop playsinline webkit-playsinline x5-playsinline x5-video-player-type="h5" controls src="https://assets.kinetixai.cn/images2026/indoor1.mp4" width="100%" style="border-radius:10px; box-shadow: 0 5px 20px rgba(0,0,0,0.4);" poster="https://assets.kinetixai.cn/20260207arch/indoor1_poster.png"></video>
           </div>
           <div class="column">
-            <video autoplay muted loop playsinline webkit-playsinline x5-playsinline x5-video-player-type="h5" controls src="./static/images/indoor_2.mp4" width="100%" style="border-radius:10px; box-shadow: 0 5px 20px rgba(0,0,0,0.4);" poster="./indoor2_poster.png"></video>
+            <video autoplay muted loop playsinline webkit-playsinline x5-playsinline x5-video-player-type="h5" controls src="https://assets.kinetixai.cn/images2026/indoor2.mp4" width="100%" style="border-radius:10px; box-shadow: 0 5px 20px rgba(0,0,0,0.4);" poster="https://assets.kinetixai.cn/20260207arch/indoor2_poster.png"></video>
           </div>
         </div>
       </div>
@@ -817,8 +817,8 @@ <h2 class="title is-2" style="color: #fff; font-weight: 700; font-size: 3rem;">B
   if(window.innerWidth <= 900) {
     const video = document.getElementById('hero-video');
     if(video) {
-      video.poster = './mobile.png';
-      video.src = './teaser-mobile.mp4';
+      video.poster = 'https://assets.kinetixai.cn/rise/20260212-090541.png';
+      video.src = 'https://assets.kinetixai.cn/rise/teaser-mobile.mp4';
       video.load();
     }
   }