gator/paytolaugh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace embedded player with a direct streamable link

Browse source
This commit is contained in:
gator 2026-09-04 17:45:40 +00:00
parent feb4b8b998
commit 4a2c3e3305
1 changed files with 29 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
index.html
View file

@ -26,20 +26,23 @@
h2{font-size:13px;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;
color:var(--muted);margin:0 0 26px;font-weight:600}
h3{font-size:20px;margin:0 0 10px;letter-spacing:-.01em}
.demo{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:38px;align-items:start}
@media(max-width:760px){.demo{grid-template-columns:1fr}}
video{width:100%;border-radius:14px;border:1px solid var(--line);background:#000;display:block}
.cap{font:12px/1.5 var(--mono);color:var(--muted);margin-top:12px}
.quote{border-left:3px solid var(--accent);padding:4px 0 4px 18px;margin:0 0 22px;
color:var(--ink);font-size:17px}
.play{display:inline-flex;align-items:center;gap:13px;text-decoration:none;
background:var(--accent);color:#fff;font-weight:650;font-size:16.5px;
padding:15px 26px;border-radius:11px;border:1px solid #6ba0ff;
transition:filter .15s ease}
.play:hover{filter:brightness(1.1)}
.play svg{flex:0 0 auto}
.cap{font:12.5px/1.6 var(--mono);color:var(--muted);margin-top:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}
.card .n{font:600 12px/1 var(--mono);color:var(--accent);letter-spacing:.1em;display:block;margin-bottom:10px}
.card p{margin:0;color:var(--muted);font-size:15px}
table{width:100%;border-collapse:collapse;font-size:15px}
table{width:100%;border-collapse:collapse;font-size:15px;max-width:520px}
th,td{text-align:left;padding:11px 0;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:600;width:38%;font-size:14px}
td code,.k{font-family:var(--mono);font-size:13.5px;color:var(--accent2)}
.quote{border-left:3px solid var(--accent);padding:4px 0 4px 18px;margin:0 0 22px;
color:var(--ink);font-size:17px}
th{color:var(--muted);font-weight:600;width:42%;font-size:14px}
.k{font-family:var(--mono);font-size:13.5px;color:var(--accent2)}
ul{margin:0;padding-left:20px;color:var(--muted)}
li{margin-bottom:9px}
li b{color:var(--ink);font-weight:600}
@ -59,25 +62,23 @@
<section>
<h2>The clip</h2>
<div class="demo">
<div>
<video controls preload="metadata" playsinline
src="https://api.corben.world/files/00eb3251-8257-4bfd-a164-fb9ea76aa8b3/public"></video>
<p class="cap">720&times;1280 &middot; 8s &middot; h264 + AAC &middot; 24fps &middot; 3.4&nbsp;MB</p>
</div>
<div>
<h3>Butcher, on humanoid robots</h3>
<p class="quote">&ldquo;That robot is going to be the best-selling product of all time. Every house gets one.&rdquo;</p>
<p style="color:var(--muted);margin:0 0 18px">A bulldog in a podcast booth, mid-argument on a video call. The audio, the mouth movement and the room were all produced in a single generation from a text prompt — no reference photo, no separate lip-sync pass.</p>
<table>
<tr><th>Model</th><td><span class="k">google/veo-3.1-lite</span></td></tr>
<tr><th>Route</th><td>OpenRouter video API</td></tr>
<tr><th>Mode</th><td>Text-to-video, native audio</td></tr>
<tr><th>Generation time</th><td>62 seconds</td></tr>
<tr><th>List price</th><td>$0.05 / second at 720p</td></tr>
</table>
</div>
</div>
<h3>Butcher, on humanoid robots</h3>
<p class="quote">&ldquo;That robot is going to be the best-selling product of all time. Every house gets one.&rdquo;</p>
<p style="color:var(--muted);max-width:64ch;margin:0 0 26px">A bulldog in a podcast booth, mid-argument on a video call. The audio, the mouth movement and the room were all produced in a single generation from a text prompt — no reference photo, and no separate lip-sync pass.</p>
<a class="play" href="https://api.corben.world/files/00eb3251-8257-4bfd-a164-fb9ea76aa8b3/public" target="_blank" rel="noopener">
<svg width="19" height="22" viewBox="0 0 19 22" fill="none" aria-hidden="true"><path d="M18 11L0 21.4V0.6L18 11Z" fill="currentColor"/></svg>
Watch the clip
</a>
<p class="cap">720&times;1280 &middot; 8s &middot; h264 + AAC &middot; 24fps &middot; 3.4&nbsp;MB &middot; opens in a new tab</p>
<table style="margin-top:34px">
<tr><th>Model</th><td><span class="k">google/veo-3.1-lite</span></td></tr>
<tr><th>Route</th><td>OpenRouter video API</td></tr>
<tr><th>Mode</th><td>Text-to-video, native audio</td></tr>
<tr><th>Generation time</th><td>62 seconds</td></tr>
<tr><th>List price</th><td>$0.05 / second at 720p</td></tr>
</table>
</section>
<section>