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