| <!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> |
|
|
| |
| <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> |
| |
| |
| <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> |
|
|
| |
| <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> |
|
|
