Hugging Face's logo

Spaces:
yycfq
/
stable
Running

App Files Community
yycfq commited on
Commit
ff0cf07
·
verified ·
1 Parent(s): 677dede

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +28 -7
index.html CHANGED
@@ -1,14 +1,15 @@
1
  <!DOCTYPE html>
2
- <html lang="zh">
3
  <head>
4
  <meta charset="UTF-8">
5
- <title>Video Comparison Gallery</title>
6
  <style>
7
  body { font-family: Arial, sans-serif; background-color: #f8f8f8; color: #222; margin: 0; padding: 20px; }
8
- h2 { text-align: center; margin-top: 40px; color: #333; }
9
- .pair-container { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin: 20px 0; }
10
- video { width: 45%; margin: 10px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
11
- </style>
 
12
  </head>
13
  <body>
14
 
@@ -17,14 +18,18 @@
17
 
18
  <!-- ========== Matrix-Game ========== -->
19
  <h2>Matrix-Game Results</h2>
 
 
20
  <div class="pair-container">
21
- <video controls loop muted>
22
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_2_icon.mp4" type="video/mp4">
23
  </video>
24
  <video controls loop muted>
25
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_2_iconref.mp4" type="video/mp4">
26
  </video>
27
  </div>
 
 
28
  <div class="pair-container">
29
  <video controls loop muted>
30
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_4_icon.mp4" type="video/mp4">
@@ -33,6 +38,8 @@
33
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_4_iconref.mp4" type="video/mp4">
34
  </video>
35
  </div>
 
 
36
  <div class="pair-container">
37
  <video controls loop muted>
38
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_5_icon.mp4" type="video/mp4">
@@ -41,6 +48,8 @@
41
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_5_iconref.mp4" type="video/mp4">
42
  </video>
43
  </div>
 
 
44
  <div class="pair-container">
45
  <video controls loop muted>
46
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/大规模第11张图new_icon.mp4" type="video/mp4">
@@ -52,6 +61,8 @@
52
 
53
  <!-- ========== Hunyuan ========== -->
54
  <h2>Hunyuan-GameCraft Results</h2>
 
 
55
  <div class="pair-container">
56
  <video controls loop muted>
57
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare2/0012.mp4" type="video/mp4">
@@ -60,6 +71,8 @@
60
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare2/0012ref.mp4" type="video/mp4">
61
  </video>
62
  </div>
 
 
63
  <div class="pair-container">
64
  <video controls loop muted>
65
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare2/0014.mp4" type="video/mp4">
@@ -68,6 +81,8 @@
68
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare2/0014ref.mp4" type="video/mp4">
69
  </video>
70
  </div>
 
 
71
  <div class="pair-container">
72
  <video controls loop muted>
73
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare2/0015.mp4" type="video/mp4">
@@ -79,6 +94,8 @@
79
 
80
  <!-- ========== Open-Oasis ========== -->
81
  <h2>Open-Oasis Results</h2>
 
 
82
  <div class="pair-container">
83
  <video controls loop muted>
84
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare3/1300帧运动1005.mp4" type="video/mp4">
@@ -87,6 +104,8 @@
87
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare3/1300帧运动1005ref.mp4" type="video/mp4">
88
  </video>
89
  </div>
 
 
90
  <div class="pair-container">
91
  <video controls loop muted>
92
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare3/1300帧运动1370.mp4" type="video/mp4">
@@ -95,6 +114,8 @@
95
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare3/1300帧运动1370ref.mp4" type="video/mp4">
96
  </video>
97
  </div>
 
 
98
  <div class="pair-container">
99
  <video controls loop muted>
100
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare3/1300帧运动688.mp4" type="video/mp4">
 
1
  <!DOCTYPE html>
2
+ <html lang="zh">
3
  <head>
4
  <meta charset="UTF-8">
5
+ <title>Video Comparison Gallery</title>
6
  <style>
7
  body { font-family: Arial, sans-serif; background-color: #f8f8f8; color: #222; margin: 0; padding: 20px; }
8
+ h1, h2 { text-align: center; color: #333; }
9
+ .pair-container { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin: 20px 0; }
10
+ .pair-label { text-align: center; font-weight: bold; color: #444; margin-top: 40px; }
11
+ video { width: 45%; margin: 10px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
12
+ </style>
13
  </head>
14
  <body>
15
 
 
18
 
19
  <!-- ========== Matrix-Game ========== -->
20
  <h2>Matrix-Game Results</h2>
21
+
22
+ <div class="pair-label">#1</div>
23
  <div class="pair-container">
24
+ <video controls loop muted>
25
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_2_icon.mp4" type="video/mp4">
26
  </video>
27
  <video controls loop muted>
28
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_2_iconref.mp4" type="video/mp4">
29
  </video>
30
  </div>
31
+
32
+ <div class="pair-label">#2</div>
33
  <div class="pair-container">
34
  <video controls loop muted>
35
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_4_icon.mp4" type="video/mp4">
 
38
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_4_iconref.mp4" type="video/mp4">
39
  </video>
40
  </div>
41
+
42
+ <div class="pair-label">#3</div>
43
  <div class="pair-container">
44
  <video controls loop muted>
45
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_5_icon.mp4" type="video/mp4">
 
48
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/motion_5_iconref.mp4" type="video/mp4">
49
  </video>
50
  </div>
51
+
52
+ <div class="pair-label">#4</div>
53
  <div class="pair-container">
54
  <video controls loop muted>
55
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare/大规模第11张图new_icon.mp4" type="video/mp4">
 
61
 
62
  <!-- ========== Hunyuan ========== -->
63
  <h2>Hunyuan-GameCraft Results</h2>
64
+
65
+ <div class="pair-label">#5</div>
66
  <div class="pair-container">
67
  <video controls loop muted>
68
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare2/0012.mp4" type="video/mp4">
 
71
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare2/0012ref.mp4" type="video/mp4">
72
  </video>
73
  </div>
74
+
75
+ <div class="pair-label">#6</div>
76
  <div class="pair-container">
77
  <video controls loop muted>
78
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare2/0014.mp4" type="video/mp4">
 
81
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare2/0014ref.mp4" type="video/mp4">
82
  </video>
83
  </div>
84
+
85
+ <div class="pair-label">#7</div>
86
  <div class="pair-container">
87
  <video controls loop muted>
88
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare2/0015.mp4" type="video/mp4">
 
94
 
95
  <!-- ========== Open-Oasis ========== -->
96
  <h2>Open-Oasis Results</h2>
97
+
98
+ <div class="pair-label">#8</div>
99
  <div class="pair-container">
100
  <video controls loop muted>
101
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare3/1300帧运动1005.mp4" type="video/mp4">
 
104
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare3/1300帧运动1005ref.mp4" type="video/mp4">
105
  </video>
106
  </div>
107
+
108
+ <div class="pair-label">#9</div>
109
  <div class="pair-container">
110
  <video controls loop muted>
111
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare3/1300帧运动1370.mp4" type="video/mp4">
 
114
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare3/1300帧运动1370ref.mp4" type="video/mp4">
115
  </video>
116
  </div>
117
+
118
+ <div class="pair-label">#10</div>
119
  <div class="pair-container">
120
  <video controls loop muted>
121
  <source src="https://huggingface.co/datasets/yycfq/comparenew/resolve/main/compare3/1300帧运动688.mp4" type="video/mp4">