Hugging Face's logo

Spaces:
VEFX-Reward
/
VEFX-Code
Running

App Files Community
VEFX-Reward commited on
Commit
fdde4c8
Β·
verified Β·
1 Parent(s): f666f1f

Rewrite landing page with absolute links & rich content

Browse files
Files changed (1) hide show
  1. index.html +94 -9
index.html CHANGED
@@ -1,11 +1,96 @@
1
  <!DOCTYPE html>
2
- <html lang="en"><head><meta charset="UTF-8"><title>VEFX-Code</title>
3
- <style>body{font-family:-apple-system,system-ui,sans-serif;max-width:720px;margin:4em auto;padding:0 1em;line-height:1.6}</style>
4
- </head><body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5
  <h1>🎬 VEFX-Code</h1>
6
- <p>Reference code &amp; inference utilities for the <strong>VEFX-Bench</strong> benchmark.</p>
7
- <p>Browse the source in the <a href="./tree/main"><strong>Files</strong></a> tab, or read the <a href="./blob/main/README.md">README</a>.</p>
8
- <ul>
9
- <li>πŸ“¦ <a href="https://huggingface.co/datasets/VEFX-Reward/VEFX-Bench">VEFX-Reward/VEFX-Bench</a> β€” benchmark dataset</li>
10
- <li>πŸ€– <a href="https://huggingface.co/VEFX-Reward/VEFX-Reward-4B">VEFX-Reward/VEFX-Reward-4B</a> β€” reward model</li>
11
- </ul></body></html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <title>VEFX-Code Β· Reference code for VEFX-Bench</title>
7
+ <style>
8
+ :root { --fg:#1a1a1a; --muted:#666; --bg:#fff; --card:#f7f7f9; --accent:#5b6cff; --border:#e5e7eb; }
9
+ * { box-sizing:border-box; }
10
+ body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
11
+ max-width:880px; margin:0 auto; padding:2.5em 1.25em; color:var(--fg); background:var(--bg); line-height:1.6; }
12
+ h1 { font-size:2.2em; margin:0 0 .2em; }
13
+ h2 { margin-top:2em; padding-bottom:.3em; border-bottom:1px solid var(--border); }
14
+ .tagline { color:var(--muted); font-size:1.1em; margin-bottom:1.5em; }
15
+ .pill-row { display:flex; flex-wrap:wrap; gap:.6em; margin:1.5em 0; }
16
+ .pill { display:inline-flex; align-items:center; gap:.4em; padding:.5em 1em; background:var(--card);
17
+ border:1px solid var(--border); border-radius:999px; text-decoration:none; color:var(--fg);
18
+ font-size:.95em; transition:all .15s; }
19
+ .pill:hover { border-color:var(--accent); color:var(--accent); }
20
+ table { width:100%; border-collapse:collapse; margin:1em 0; font-size:.92em; }
21
+ th, td { padding:.5em .7em; border-bottom:1px solid var(--border); text-align:left; }
22
+ th { background:var(--card); font-weight:600; }
23
+ td.num, th.num { text-align:center; }
24
+ code { background:var(--card); padding:.15em .4em; border-radius:4px; font-size:.9em; }
25
+ pre { background:var(--card); padding:1em; border-radius:6px; overflow-x:auto; }
26
+ pre code { background:none; padding:0; }
27
+ .grid { display:grid; grid-template-columns:1fr 1fr; gap:1em; margin:1em 0; }
28
+ .card { background:var(--card); border:1px solid var(--border); border-radius:8px; padding:1em; }
29
+ .card h3 { margin:0 0 .3em; font-size:1.05em; }
30
+ .card p { margin:0; color:var(--muted); font-size:.9em; }
31
+ footer { margin-top:3em; padding-top:1.5em; border-top:1px solid var(--border); color:var(--muted); font-size:.9em; }
32
+ a { color:var(--accent); }
33
+ </style>
34
+ </head>
35
+ <body>
36
+
37
  <h1>🎬 VEFX-Code</h1>
38
+ <p class="tagline">Reference code &amp; inference utilities for the <strong>VEFX-Bench</strong> benchmark β€” a comprehensive benchmark for evaluating text-driven video editing and visual effects.</p>
39
+
40
+ <div class="pill-row">
41
+ <a class="pill" href="https://huggingface.co/spaces/VEFX-Reward/VEFX-Code/tree/main" target="_blank">πŸ“‚ Browse Files</a>
42
+ <a class="pill" href="https://huggingface.co/spaces/VEFX-Reward/VEFX-Code/blob/main/README.md" target="_blank">πŸ“– Full README</a>
43
+ <a class="pill" href="https://huggingface.co/datasets/VEFX-Reward/VEFX-Bench" target="_blank">πŸ“¦ VEFX-Bench Dataset</a>
44
+ <a class="pill" href="https://huggingface.co/VEFX-Reward/VEFX-Reward-4B" target="_blank">πŸ€– VEFX-Reward-4B Model</a>
45
+ </div>
46
+
47
+ <h2>πŸ“Š What's in VEFX-Bench</h2>
48
+ <p>5,049 annotated examples spanning 9 categories &amp; 32 subcategories, evaluated by <strong>VEFX-Reward</strong> β€” a VLM-based reward model that scores edits across three dimensions on a 1–4 scale:</p>
49
+
50
+ <div class="grid">
51
+ <div class="card"><h3>Instructional Following (IF)</h3><p>Does the edit accurately reflect the editing instruction?</p></div>
52
+ <div class="card"><h3>Render Quality (RQ)</h3><p>Visual clarity, temporal consistency, physical plausibility.</p></div>
53
+ <div class="card"><h3>Edit Exclusivity (EE)</h3><p>Were only the intended regions modified, without side-effects?</p></div>
54
+ </div>
55
+
56
+ <h2>πŸ† Model Leaderboard</h2>
57
+ <p>VEFX-Reward scores on 1–4 scale. Ranked by <strong>GeoAgg</strong> (Ξ±=2 for IF, Ξ²=1 for RQ, Ξ³=1 for EE). Higher is better.</p>
58
+ <table>
59
+ <thead><tr><th class="num">Rank</th><th>Model</th><th>Type</th><th class="num">IF ↑</th><th class="num">RQ ↑</th><th class="num">EE ↑</th><th class="num">GeoAgg ↑</th></tr></thead>
60
+ <tbody>
61
+ <tr><td class="num">πŸ₯‡</td><td><strong>Kling o3 Omni</strong></td><td>Commercial</td><td class="num">3.033</td><td class="num"><strong>3.588</strong></td><td class="num">3.043</td><td class="num"><strong>3.057</strong></td></tr>
62
+ <tr><td class="num">πŸ₯ˆ</td><td><strong>Kling o1</strong></td><td>Commercial</td><td class="num"><strong>3.040</strong></td><td class="num">3.534</td><td class="num">2.976</td><td class="num">2.985</td></tr>
63
+ <tr><td class="num">πŸ₯‰</td><td><strong>Runway Gen-4.5</strong></td><td>Commercial</td><td class="num">2.817</td><td class="num">3.319</td><td class="num">2.923</td><td class="num">2.912</td></tr>
64
+ <tr><td class="num">4</td><td>Seedance 2.0</td><td>Commercial</td><td class="num">2.811</td><td class="num">3.421</td><td class="num">3.088</td><td class="num">2.766</td></tr>
65
+ <tr><td class="num">5</td><td>Grok Imagine</td><td>Commercial</td><td class="num">2.606</td><td class="num">3.346</td><td class="num"><strong>3.376</strong></td><td class="num">2.723</td></tr>
66
+ <tr><td class="num">6</td><td>Luma Ray 3</td><td>Commercial</td><td class="num">2.702</td><td class="num">3.403</td><td class="num">2.705</td><td class="num">2.717</td></tr>
67
+ <tr><td class="num">7</td><td>UniVideo</td><td>Open-source</td><td class="num">2.294</td><td class="num">3.266</td><td class="num">3.091</td><td class="num">2.516</td></tr>
68
+ <tr><td class="num">8</td><td>Wan 2.6</td><td>Commercial</td><td class="num">2.012</td><td class="num">3.317</td><td class="num">2.446</td><td class="num">2.146</td></tr>
69
+ <tr><td class="num">9</td><td>Luma Ray 2</td><td>Commercial</td><td class="num">2.038</td><td class="num">2.532</td><td class="num">1.363</td><td class="num">1.804</td></tr>
70
+ <tr><td class="num">10</td><td>VACE</td><td>Open-source</td><td class="num">2.027</td><td class="num">3.172</td><td class="num">1.180</td><td class="num">1.775</td></tr>
71
+ </tbody>
72
+ </table>
73
+
74
+ <h2>πŸŽ₯ Sample Videos</h2>
75
+ <p>An example pair from <code>examples/sample_videos/</code> β€” original input on the left, edited output on the right.</p>
76
+ <div class="grid">
77
+ <div><p style="margin:0 0 .3em;font-size:.9em;color:var(--muted);"><strong>Original</strong></p>
78
+ <video controls style="width:100%;border-radius:6px;" src="examples/sample_videos/original.mp4"></video></div>
79
+ <div><p style="margin:0 0 .3em;font-size:.9em;color:var(--muted);"><strong>Edited</strong></p>
80
+ <video controls style="width:100%;border-radius:6px;" src="examples/sample_videos/edited.mp4"></video></div>
81
+ </div>
82
+
83
+ <h2>πŸš€ Quick Start</h2>
84
+ <pre><code>pip install -r requirements.txt
85
+ python examples/quick_start.py \
86
+ --original examples/sample_videos/original.mp4 \
87
+ --edited examples/sample_videos/edited.mp4 \
88
+ --instruction "Change the color of the trailer to bright yellow"</code></pre>
89
+ <p>See <a href="https://huggingface.co/spaces/VEFX-Reward/VEFX-Code/tree/main/examples" target="_blank">examples/</a> for batch &amp; multi-GPU scoring scripts.</p>
90
+
91
+ <footer>
92
+ Released under Apache-2.0. Code lives in the <a href="https://huggingface.co/spaces/VEFX-Reward/VEFX-Code/tree/main" target="_blank">Files tab</a>.
93
+ </footer>
94
+
95
+ </body>
96
+ </html>