Dokumentation3D Website-BuilderVideoerzeugung

Videogenerierung

Veo 3.1 Varianten, Qualitätsstufen, Seitenverhältnisse, erster→letzter Frame und Clip-Erweiterung.

Wie Video in Draftly funktioniert

Jede 3D Builder-Website enthält ein von Veo 3.1 (Google) generiertes Bewegungsvideo. Dieses Video: - Definiert die scrollende Hintergrundanimation Ihrer Website - Wird aus Ihrem Hero-Bild (oder einer direkten Beschreibung) generiert - Wird in ca. 200 WebP-Frames zerlegt, die progressiv geladen werden, während Besucher scrollen - Erzeugt den „lebendige Website“-Effekt, bei dem sich das Scrollen wie das Ansehen eines Films anfühlt

Das Video wird in Ihrem Projekt gespeichert. Laden Sie das Roh-MP4 vom Video-Tab im Builder herunter.

Veo 3.1 Varianten

Standard (Standardeinstellung) - Veo 3.1 Fast — Quer- oder Hochformat - Bis zu 8 Sekunden, 720p→1080p je nach Plan - Generiert in 45–90 Sekunden - Kosten: 32 Credits/Sek.

Entspannt - Gleiche Qualität wie Standard, langsamere Warteschlange - 2–5× längere Wartezeit, aber ~40 % günstiger - Gut, wenn Geschwindigkeit nicht entscheidend ist

HD (Premium+) - Höhere Bitrate 1080p-Ausgabe - 85 Credits/Sek. (vs. 32 für Standard) - Für Premium-Launches, bei denen Videoqualität wichtig ist

Erster→Letzter Frame (FL-Modus) - Verwendet Ihr Hero-Standbild als Eröffnungsframe und ein zweites Bild als Schlussframe - Stellt sicher, dass das Video mit spezifischen Kompositionen beginnt und endet - Gleiche Kosten wie Standard, verfügbar mit Basic+

2K / 4K (Premium+) - 2K: 64 Cr/Sek. | 4K: 128 Cr/Sek. - Für Launches in Kinoqualität oder hochauflösende Displays

Seitenverhältnisse

Passen Sie das Video-Seitenverhältnis an Ihr Website-Layout an:

VerhältnisAnwendungsfallNative Abmessungen (HD)
16:9 QuerformatDesktop-First, breite Heroes1920×1080
9:16 HochformatMobile-First, vertikale Layouts1080×1920
1:1 QuadratMinimale oder zentrierte Layouts1080×1080

Der Umschalter für das Seitenverhältnis befindet sich in der Builder-Symbolleiste (oben rechts in der Vorschau). Stellen Sie ihn vor der Generierung ein – er beeinflusst sowohl das Hero-Bild als auch das Video.

Video-Clip-Erweiterung (Pro+)

Die Video-Erweiterung fügt einem fertigen Clip 4 weitere Sekunden hinzu, indem LTX 2.3 Fast über fal.ai verwendet wird.

So erweitern Sie einen Clip: 1. Öffnen Sie den Video-Tab im Builder 2. Klicken Sie auf Clip erweitern 3. Beschreiben Sie optional, was die Fortsetzung zeigen soll 4. Klicken Sie auf „Generieren“

Der erweiterte Clip ersetzt den Originalclip und löst eine automatische Neu-Extraktion der Frames aus.

Kosten: ~60 Credits für 4 Sekunden. Erfordert fal.ai-Integration – kontaktieren Sie den Support, wenn Sie diese Option nicht sehen.

Zusammenfassung der Videoqualität

QualitätPlanAuflösungCredits/Sek.Ø Wartezeit
720p StandardBasic+1280×72032~60s
1080p StandardBasic+1920×108032~90s
1080p HDPremium+1920×108085~120s
2K StandardPremium+2048×115264~120s
4K StandardPremium+3840×2160128~180s

Für die meisten Websites bietet 1080p Standard das beste Gleichgewicht zwischen Qualität und Kosten.

Frame-Extraktion

Nach der Videogenerierung werden Frames automatisch extrahiert:

1.Video wird in Ihrem Browser dekodiert
2.~200 WebP-Frames werden mit 25 FPS extrahiert (Standard; einstellbar 10–40 in den Video-Steuerelementen)
3.Frames werden für schnelles Laden komprimiert
4.Scroll-Engine ordnet Scroll-Position dem Frame-Index zu

Frame-Extraktion ist kostenlos – keine Credits werden verbraucht.

Der Vorgang dauert 30–90 Sekunden, abhängig von Videolänge und Geräteleistung. Falls die Extraktion fehlschlägt (selten – meist ein Codec-Problem), greift die Website auf einen flüssigen Parallax-Effekt mit statischem Bild zurück.

Alle extrahierten Frames können im Frames-Tab angezeigt werden.

Mehrfach-Video-Ketten & hohe FPS — Warnung zur Website-Größe

Das Verketten von 3 oder mehr Videoclips und/oder das Einstellen der Extraktions-FPS über 25 erhöht die Anzahl der Scroll-Frames und die Größe der veröffentlichten ZIP-Datei drastisch.

Draftly zeigt eine gelbe Warnung in den Video-Pipeline-Steuerelementen und im Chat an, wenn Sie: - Einen dritten (oder vierten) Clip zur Kette hinzufügen - Die Extraktions-FPS über 25 erhöhen

Auswirkungen: Die Vorschau-Dekodierung kann 1–3 Minuten dauern; veröffentlichte Websites können 50–150+ MB groß sein und auf Mobilgeräten langsam laden.

Empfehlungen: - Verwenden Sie nach Möglichkeit 1–2 Clips - Halten Sie die Extraktions-FPS für die meisten Websites bei 25 oder darunter - Wechseln Sie die Startseite in den Video-Modus (Looping-Clip) anstelle des vollständigen Scroll-Scrub für geringere Datenlasten - Laden Sie die ZIP-Datei herunter und testen Sie sie vor dem Start auf einer langsamen Verbindung