Mach aus langen Videos virale Shorts

Shortify (S2S) erkennt Highlights, setzt Auto-Captions & Crops – bereit für TikTok, YouTube & Reels.

Jetzt starten Mehr erfahren

Kein Account nötig. Läuft im Browser als Demo.

Auto-Captions
Smart Crop 9:16
Speaker Detect

Auto-Highlights

Finde die besten 10–60s-Momente mit Tempo, Pausen & Keywords.

Untertitel & Styles

Auto-Captions mit Emojis, Farben & Brand-Schrift – exportfertig.

Aspect Ratio & Crops

9:16, 1:1, 16:9. Fokus auf Gesichter & Sprecher, kein manuelles Framing.

Teste die Demo

Lade ein kurzes MP4 (max. 30 MB) – wir schneiden eine 15–30 s Preview.

Willst du echte Verarbeitung?
Option A: <gradio-app src="https://DEIN-GRADIO-SPACE.hf.space"></gradio-app> einbetten.
Option B: Space-SDK auf Gradio umstellen und app.py deployen.

FAQ

Ist Shortify jetzt schon voll funktionsfähig?

Diese Version ist eine statische Demo. Für volle Funktion: Gradio-App einbetten oder SDK auf Gradio wechseln.

Wie verbinde ich meine eigene Domain?

In Space-Settings „Custom Domain“ setzen und bei deinem DNS CNAME → hf.space konfigurieren (Pro-Feature).

Welche Datei-Formate?

Für die Demo beliebig; für die echte App empfehlen wir MP4/H.264 + AAC.

:root{ --bg:#0b0c10; --fg:#e5e7eb; --muted:#9aa3af; --brand:#6366f1; --brand2:#22d3ee; --card:#111217; --line:#242633; } *{box-sizing:border-box} html,body{margin:0;padding:0} body{ font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", sans-serif; background: linear-gradient(180deg, #0b0c10 0%, #0e1116 100%); color: var(--fg); } /* Layout */ .container{max-width:1080px;margin:0 auto;padding:0 20px} .grid-3{display:grid;grid-template-columns:1fr;gap:16px} @media (min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}} /* Nav */ .nav{position:sticky;top:0;background:#0b0c10cc;border-bottom:1px solid var(--line);backdrop-filter: blur(6px);z-index:10} .nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px} .logo{font-weight:800;letter-spacing:.3px} .logo .accent{color:var(--brand)} .menu a{color:var(--fg);text-decoration:none;margin-left:16px;opacity:.9} .menu .btn-sm{padding:8px 12px;border-radius:12px;border:1px solid var(--line)} /* Hero */ .hero{padding:72px 0 32px} .hero-inner{display:grid;gap:28px;align-items:center} @media (min-width:1000px){.hero-inner{grid-template-columns:1.2fr .8fr}} .hero-copy h1{font-size: clamp(28px, 5vw, 44px);margin:0 0 8px} .lead{font-size:18px;color:var(--muted);max-width:52ch} .gradient{background: linear-gradient(90deg, var(--brand), var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent} .cta-row{display:flex;gap:12px;margin:18px 0} .meta{color:var(--muted);font-size:14px} /* Mockup */ .hero-art{display:flex;justify-content:center} .mockup{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25)} .mockup-bar{height:38px;background:#0c0d12;border-bottom:1px solid var(--line)} .mockup-body{height:240px;position:relative;display:flex;align-items:center;justify-content:center} .chip{position:absolute;top:16px;left:16px;background:#151827;border:1px solid var(--line);color:#cfd7ff;padding:6px 10px;border-radius:999px;font-size:12px} .chip + .chip{left:auto;right:16px} .chip + .chip + .chip{top:auto;bottom:16px;left:16px;right:auto} /* Sections */ .features{padding:28px 0 8px} .card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px} .card h3{margin:0 0 8px} .card p{margin:0;color:var(--muted)} .cta{padding:38px 0} .cta h2{margin:0 0 8px} .upload{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0} .upload input[type="file"]{flex:1 1 260px;background:#0f1220;border:1px dashed var(--line);border-radius:12px;padding:12px;color:var(--fg)} .hint{color:var(--muted);font-size:13px;line-height:1.5} .faq{padding:18px 0 40px} .faq details{background:#0f1220;border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0} .faq summary{cursor:pointer;font-weight:600} /* Buttons */ .btn{display:inline-block;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#0b0c10; border:none;border-radius:14px;padding:12px 16px;font-weight:700;text-decoration:none} .btn-ghost{background:transparent;border:1px solid var(--line);color:var(--fg)} /* Footer */ .footer{border-top:1px solid var(--line);padding:18px 0;background:#0b0c10} .footer-inner{display:flex;justify-content:space-between;align-items:center} .footer a{color:var(--fg);text-decoration:none;opacity:.9}