update mocap teleop videos

Author: lzpyx

public/AMS/index.html

@@ -279,11 +279,11 @@ <h1 class="title is-1 publication-title">Agility Meets Stability: Versatile Huma
     <div class="columns is-centered">
       <div class="column is-full">
         <h2 class="title is-2" style="text-align: center; padding-bottom: 0px;">Extreme Balance Motions</h2>
-        <p class="has-text-centered is-size-5" style="margin-bottom: 30px; padding-bottom: 0px;">
-          (Played at the original speed)
-        </p>
+        <!-- <p class="has-text-centered is-size-5" style="margin-bottom: 30px; padding-bottom: 0px;">
+          (1x, autonomous)
+        </p> -->
         <div style="margin-bottom: 50px;">
-          <h3 class="title is-3" style="text-align: center; margin-bottom: 20px; font-size: x-large;">Ip Man's Squat(Unseen Data)</h3>
+          <h3 class="title is-3" style="text-align: center; margin-bottom: 20px; font-size: x-large;">Ip Man's Squat (Unseen Data)</h3>
           <div class="columns">
             <div class="column">
               <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/balance_motions/Ip_man_squat_1.mp4" width="100%" style="border-radius:10px;"></video>
@@ -295,7 +295,7 @@ <h3 class="title is-3" style="text-align: center; margin-bottom: 20px; font-size
         </div>
 
         <div style="margin-bottom: 50px;">
-          <h3 class="title is-3" style="text-align: center; margin-bottom: 20px; font-size: x-large;">Single-Leg Balance Standing</h3>
+          <h3 class="title is-3" style="text-align: center; margin-bottom: 20px; font-size: x-large;">Single-Leg Balance Standing (Randomly Generated)</h3>
           <div class="columns">
             <div class="column">
               <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/balance_motions/single_leg_stand1.mp4" width="100%" style="border-radius:10px;"></video>
@@ -338,9 +338,9 @@ <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size
     <div class="columns is-centered">
       <div class="column is-full">
         <h2 class="title is-2" style="text-align: center; padding-bottom: 0px;">Dynamic Motions</h2>
-        <p class="has-text-centered is-size-5" style="margin-bottom: 30px; padding-bottom: 0px;">
-          (Played at the original speed)
-        </p>
+        <!-- <p class="has-text-centered is-size-5" style="margin-bottom: 30px; padding-bottom: 0px;">
+          (1x, autonomous)
+        </p> -->
         <!-- <div class="columns is-centered" style="margin-bottom: 50px;">
           <div class="column is-half">
             <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size: x-large;">Swallow Balance</h3>
@@ -361,22 +361,22 @@ <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size
 
         <div class="columns" style="margin-bottom: 20px;">
           <div class="column">
-            <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size: x-large;">Waist Twists(Unseen Data)</h3>
+            <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size: x-large;">Waist Twists (Unseen Data from Video)</h3>
             <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/dynamic_motions/waist_with_ori.mp4" width="100%" style="border-radius:10px;"></video>
           </div>
           <div class="column">
-            <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size: x-large;">Lunge(Unseen Data)</h3>
+            <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size: x-large;">Lunge (Unseen Data from Video)</h3>
             <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/dynamic_motions/lunge_with_ori.mp4" width="100%" style="border-radius:10px;"></video>
           </div>
         </div>
 
         <div class="columns" style="margin-bottom: 20px;">
           <div class="column">
-            <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size: x-large;">Swing and Squat(Unseen Data)</h3>
+            <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size: x-large;">Swing and Squat (Unseen Data from Video)</h3>
             <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/dynamic_motions/rotating_with_ori.mp4" width="100%" style="border-radius:10px;"></video>
           </div>
           <div class="column">
-            <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size: x-large;">Prayer Squat(Unseen Data)</h3>
+            <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size: x-large;">Prayer Squat (Unseen Data from Video)</h3>
             <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/dynamic_motions/squat_with_ori.mp4" width="100%" style="border-radius:10px;"></video>
           </div>
         </div>
@@ -386,24 +386,57 @@ <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size
   </div>
 </section>
 
+<section class="section">
+  <div class="container">
+    <div class="columns is-centered">
+      <div class="column is-full">
+        <h2 class="title is-2" style="text-align: center; padding-bottom: 0px;">IMU-based Teleoperation</h2>
+        <p class="has-text-centered is-size-5" style="margin-bottom: 30px; padding-bottom: 0px;">
+          (No Optical MoCap System in Use, 1x)
+        </p>
+
+        <div class="columns" style="margin-bottom: 50px;">
+          <div class="column">
+            <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size: x-large;">Teleop Kungfu</h3>
+            <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/teleoperation/teleop_kungfu.mp4" width="100%" style="border-radius:10px;"></video>
+          </div>
+          <div class="column">
+            <h3 class="title is-3" style="text-align: center; margin-bottom: 10px; font-size: x-large;">Teleop Football</h3>
+            <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/teleoperation/teleop_kick_ball.mp4" width="100%" style="border-radius:10px;"></video>
+          </div>
+        </div>
+
+        <div class="columns" style="margin-bottom: 20px;">
+          <h3 class="title is-3" style="text-align: center; margin-bottom: 20px; font-size: x-large;">Teleop Multi-robots</h3>
+          <div class="column">
+            <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/teleoperation/teleop_multi_robot.mp4" width="100%" style="border-radius:10px;"></video>
+          </div>
+          <div class="column">
+            <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/teleoperation/teleop_side_multi_robot.mp4" width="100%" style="border-radius:10px;"></video>
+          </div>
+        </div>
 
+      </div>
+    </div>
+  </div>
+</section>
 
 <section class="section">
   <div class="container">
     <div class="columns is-centered">
       <div class="column is-full">
         <h2 class="title is-2" style="text-align: center; padding-bottom: 0px;">RGB-based Real-time Teleoperation</h2>
         <p class="has-text-centered is-size-5" style="margin-bottom: 30px; padding-bottom: 0px;">
-          <!-- (Played at the original speed) -->
+          (2x, teleoperation)
         </p>
         <div style="margin-bottom: 50px;">
           <!-- <h3 class="title is-3" style="text-align: center; margin-bottom: 20px; font-size: x-large;">RGB-based Real-time Teleoperation</h3> -->
           <div class="columns">
             <div class="column">
-              <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/teleoperation/teleop1_mute.mp4" width="100%" style="border-radius:10px;"></video>
+              <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/teleoperation/rgb_teleop_single_leg.mp4" width="100%" style="border-radius:10px;"></video>
             </div>
             <div class="column">
-              <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/teleoperation/teleop2.mp4" width="100%" style="border-radius:10px;"></video>
+              <video autoplay muted loop playsinline controls src="https://raw.githubusercontent.com/OpenDriveLab/opendrivelab.github.io/master/AMS/teleoperation/rgb_teleop_single_leg_2.mp4" width="100%" style="border-radius:10px;"></video>
             </div>
           </div>
         </div>