Skip to content

Commit 1e4267c

Browse files
cnzhumrcnzhumr
committed
ii
1 parent eaf5b7c commit 1e4267c

2 files changed

Lines changed: 69 additions & 65 deletions

File tree

‎app/(default)/(project)/FreeTacMan/layout.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
"use client"
2+
13
import type { Metadata } from "next";
24
import * as React from "react";
35
import Link from "next/link";
@@ -17,8 +19,8 @@ export default function RootLayout({
1719
children: React.ReactNode;
1820
}>) {
1921
return (
20-
<html lang="en" className={inter.className}>
21-
<body id="#">
22+
<html lang="en" className={inter.className} suppressHydrationWarning>
23+
<body id="#" suppressHydrationWarning>
2224
<header>
2325
<div className="fixed right-0 bottom-0 m-6 z-20">
2426
<Link

‎app/(default)/(project)/FreeTacMan/page.tsx‎

Lines changed: 65 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
"use client"
2+
13
import type { Metadata } from "next";
24
export const metadata: Metadata = {
35
title: "FreeTacMan | OpenDriveLab",
@@ -197,10 +199,10 @@ export default function Home() {
197199
<div className="flex justify-center items-center flex-col gap-4 md:gap-6 max-w-full md:max-w-[1024px]">
198200
<video
199201
preload="none"
200-
autoPlay
201-
loop
202-
muted
203-
playsInline
202+
autoPlay={true}
203+
loop={true}
204+
muted={true}
205+
playsInline={true}
204206
className="w-full object-fit max-w-full md:max-w-[1024px]"
205207
>
206208
<source src="https://opendrivelab.github.io/FreeTacMan/landing/FreeTacMan_teaser_gray.mp4" />
@@ -353,7 +355,7 @@ export default function Home() {
353355
<TabsContent value="01" key="01" className="w-full h-full">
354356
<Card className="border-4 md:border-8 border-[#98AEF3] h-full">
355357
<CardContent className="h-full flex justify-center items-center p-2 md:p-6">
356-
<video preload="none" autoPlay loop muted playsInline>
358+
<video preload="none" autoPlay={true} loop={true} muted={true} playsInline={true}>
357359
<source src="https://opendrivelab.github.io/FreeTacMan/highlights/highlight01.mp4" />
358360
</video>
359361
</CardContent>
@@ -362,7 +364,7 @@ export default function Home() {
362364
<TabsContent value="02" key="02" className="w-full">
363365
<Card className="border-4 md:border-8 border-[#98AEF3] h-full">
364366
<CardContent className="h-full flex justify-center items-center p-2 md:p-6">
365-
<video preload="none" autoPlay loop muted playsInline>
367+
<video preload="none" autoPlay={true} loop={true} muted={true} playsInline={true}>
366368
<source src="https://opendrivelab.github.io/FreeTacMan/highlights/highlight2_9_16.mp4" />
367369
</video>
368370
</CardContent>
@@ -371,7 +373,7 @@ export default function Home() {
371373
<TabsContent value="03" key="03" className="w-full">
372374
<Card className="border-4 md:border-8 border-[#98AEF3] h-full">
373375
<CardContent className="h-full flex justify-center items-center p-2 md:p-6">
374-
<video preload="none" autoPlay loop muted playsInline>
376+
<video preload="none" autoPlay={true} loop={true} muted={true} playsInline={true}>
375377
<source src="https://opendrivelab.github.io/FreeTacMan/highlights/20250508-062620.mp4" />
376378
</video>
377379
</CardContent>
@@ -457,10 +459,10 @@ export default function Home() {
457459
</div>
458460
<video
459461
preload="none"
460-
autoPlay
461-
loop
462-
muted
463-
playsInline
462+
autoPlay={true}
463+
loop={true}
464+
muted={true}
465+
playsInline={true}
464466
style={{ width: "100%", height: "100%" }}
465467
>
466468
<source src="https://opendrivelab.github.io/FreeTacMan/3d_model/piperandfranka.mp4" />
@@ -745,10 +747,10 @@ export default function Home() {
745747
<div className="flex flex-col gap-2 md:gap-3">
746748
<video
747749
preload="none"
748-
autoPlay
749-
loop
750-
muted
751-
playsInline
750+
autoPlay={true}
751+
loop={true}
752+
muted={true}
753+
playsInline={true}
752754
className="border-2 md:border-6 border-[#174BE5]/50 rounded-xl object-fit"
753755
>
754756
<source src="https://opendrivelab.github.io/FreeTacMan/policy_rollouts/FragileCupManipulation.mp4" />
@@ -778,10 +780,10 @@ export default function Home() {
778780
<div className="flex flex-col gap-2 md:gap-3 w-full md:w-3/4">
779781
<video
780782
preload="none"
781-
autoPlay
782-
loop
783-
muted
784-
playsInline
783+
autoPlay={true}
784+
loop={true}
785+
muted={true}
786+
playsInline={true}
785787
className="border-2 md:border-6 border-[#43C9C1]/50 rounded-xl object-fit"
786788
>
787789
<source src="https://opendrivelab.github.io/FreeTacMan/policy_rollouts/TextureClassification.mp4" />
@@ -810,10 +812,10 @@ export default function Home() {
810812
<div className="flex flex-col gap-2 md:gap-3">
811813
<video
812814
preload="none"
813-
autoPlay
814-
loop
815-
muted
816-
playsInline
815+
autoPlay={true}
816+
loop={true}
817+
muted={true}
818+
playsInline={true}
817819
className="border-2 md:border-6 border-[#FFC53D]/50 rounded-xl object-fit"
818820
>
819821
<source src="https://opendrivelab.github.io/FreeTacMan/policy_rollouts/StampPressing.mp4" />
@@ -842,10 +844,10 @@ export default function Home() {
842844
<div className="video-inner">
843845
<video
844846
preload="none"
845-
autoPlay
846-
loop
847-
muted
848-
playsInline
847+
autoPlay={true}
848+
loop={true}
849+
muted={true}
850+
playsInline={true}
849851
className="border-2 md:border-6 border-[#FF668C]/50 rounded-xl object-fit"
850852
>
851853
<source src="https://opendrivelab.github.io/FreeTacMan/policy_rollouts/CalligraphyWriting.mp4" />
@@ -874,10 +876,10 @@ export default function Home() {
874876
<div className="flex flex-col gap-2 md:gap-3">
875877
<video
876878
preload="none"
877-
autoPlay
878-
loop
879-
muted
880-
playsInline
879+
autoPlay={true}
880+
loop={true}
881+
muted={true}
882+
playsInline={true}
881883
className="border-2 md:border-6 border-[#8E73E6]/50 rounded-xl object-fit"
882884
>
883885
<source src="https://opendrivelab.github.io/FreeTacMan/policy_rollouts/USBPlugging.mp4" />
@@ -994,10 +996,10 @@ export default function Home() {
994996
<CardContent className="cardContent flex flex-col aspect-square items-center justify-center p-2 md:p-6 gap-1 md:gap-1">
995997
<video
996998
preload="none"
997-
autoPlay
998-
loop
999-
muted
1000-
playsInline
999+
autoPlay={true}
1000+
loop={true}
1001+
muted={true}
1002+
playsInline={true}
10011003
className="border-2 md:border-6 border-[#174BE5]/50 rounded-xl object-fit"
10021004
>
10031005
<source src="https://opendrivelab.github.io/FreeTacMan/user_study/FragileCupManipulation.mp4" />
@@ -1018,10 +1020,10 @@ export default function Home() {
10181020
<CardContent className="cardContent flex flex-col aspect-square items-center justify-center p-2 md:p-6 gap-1 md:gap-1">
10191021
<video
10201022
preload="none"
1021-
autoPlay
1022-
loop
1023-
muted
1024-
playsInline
1023+
autoPlay={true}
1024+
loop={true}
1025+
muted={true}
1026+
playsInline={true}
10251027
className="border-2 md:border-6 border-[#43C9C1]/50 rounded-xl object-fit"
10261028
>
10271029
<source src="https://opendrivelab.github.io/FreeTacMan/user_study/USBPlugging.mp4" />
@@ -1042,10 +1044,10 @@ export default function Home() {
10421044
<CardContent className="cardContent flex flex-col aspect-square items-center justify-center p-2 md:p-6 gap-1 md:gap-1">
10431045
<video
10441046
preload="none"
1045-
autoPlay
1046-
loop
1047-
muted
1048-
playsInline
1047+
autoPlay={true}
1048+
loop={true}
1049+
muted={true}
1050+
playsInline={true}
10491051
className="border-2 md:border-6 border-[#FFC53D]/50 rounded-xl object-fit"
10501052
>
10511053
<source src="https://opendrivelab.github.io/FreeTacMan/user_study/TextureClassification.mov" />
@@ -1066,10 +1068,10 @@ export default function Home() {
10661068
<CardContent className="cardContent flex flex-col aspect-square items-center justify-center p-2 md:p-6 gap-1 md:gap-1">
10671069
<video
10681070
preload="none"
1069-
autoPlay
1070-
loop
1071-
muted
1072-
playsInline
1071+
autoPlay={true}
1072+
loop={true}
1073+
muted={true}
1074+
playsInline={true}
10731075
className="border-2 md:border-6 border-[#FF668C]/50 rounded-xl object-fit"
10741076
>
10751077
<source src="https://opendrivelab.github.io/FreeTacMan/user_study/StampPressing.mp4" />
@@ -1090,10 +1092,10 @@ export default function Home() {
10901092
<CardContent className="cardContent flex flex-col aspect-square items-center justify-center p-2 md:p-6 gap-1 md:gap-1">
10911093
<video
10921094
preload="none"
1093-
autoPlay
1094-
loop
1095-
muted
1096-
playsInline
1095+
autoPlay={true}
1096+
loop={true}
1097+
muted={true}
1098+
playsInline={true}
10971099
className="border-2 md:border-6 border-[#8E73E6]/50 rounded-xl object-fit"
10981100
>
10991101
<source src="https://opendrivelab.github.io/FreeTacMan/user_study/CalligraphyWriting.mov" />
@@ -1114,10 +1116,10 @@ export default function Home() {
11141116
<CardContent className="cardContent flex flex-col aspect-square items-center justify-center p-2 md:p-6 gap-1 md:gap-1">
11151117
<video
11161118
preload="none"
1117-
autoPlay
1118-
loop
1119-
muted
1120-
playsInline
1119+
autoPlay={true}
1120+
loop={true}
1121+
muted={true}
1122+
playsInline={true}
11211123
className="border-2 md:border-6 border-[#d20000]/50 rounded-xl object-fit"
11221124
>
11231125
<source src="https://opendrivelab.github.io/FreeTacMan/user_study/ToothpasteExtrusion.mp4" />
@@ -1138,10 +1140,10 @@ export default function Home() {
11381140
<CardContent className="cardContent flex flex-col aspect-square items-center justify-center p-2 md:p-6 gap-1 md:gap-1">
11391141
<video
11401142
preload="none"
1141-
autoPlay
1142-
loop
1143-
muted
1144-
playsInline
1143+
autoPlay={true}
1144+
loop={true}
1145+
muted={true}
1146+
playsInline={true}
11451147
className="border-2 md:border-6 border-[#7ed233]/50 rounded-xl object-fit"
11461148
>
11471149
<source src="https://opendrivelab.github.io/FreeTacMan/user_study/TissueGrasping.mp4" />
@@ -1162,10 +1164,10 @@ export default function Home() {
11621164
<CardContent className="cardContent flex flex-col aspect-square items-center justify-center p-2 md:p-6 gap-1 md:gap-1">
11631165
<video
11641166
preload="none"
1165-
autoPlay
1166-
loop
1167-
muted
1168-
playsInline
1167+
autoPlay={true}
1168+
loop={true}
1169+
muted={true}
1170+
playsInline={true}
11691171
className="border-2 md:border-6 border-[#ff7b00]/50 rounded-xl object-fit"
11701172
>
11711173
<source src="https://opendrivelab.github.io/FreeTacMan/user_study/PotatoChipGrasping.mp4" />

0 commit comments

Comments
 (0)