Der Recorder nimmt Spine-Animationen aus dem Viewer als Video, animierte Bilder oder Bildsequenzen auf.

Aufnahmemodi

⚡ Schnellaufnahme — Echtzeit-Aufnahme mit MediaRecorder + captureStream(). Erzeugt nur WebM-Ausgabe. Schnell, aber auf Echtzeit-Framerate beschränkt.
🎬 HQ Export — Offline-Frame-für-Frame-Rendering mit WebCodecs VideoEncoder + readPixels(). Unterstützt alle Formate und erzeugt pixelgenaue Ausgabe.

Ausgabeformate

Video: WebM, MP4, AVI, MOV
Animiertes Bild: GIF, Animated PNG (APNG)
Bildsequenz: PNG Sequence, WebP Sequence

Codecs (HQ Export)

VP8, VP9, H.264 (AVC), AV1, ProRes — verfügbare Codecs werden automatisch anhand der Browser-Unterstützung erkannt.

Qualität

Voreinstellungen: Niedrig (~1 Mbps), Mittel (~3 Mbps), Hoch (~5 Mbps), Verlustfrei (~20 Mbps).
Benutzerdefinierte Bitrate — Angabe in kbps für Feinsteuerung.

Timing

FPS: 24, 30, 60 oder benutzerdefiniert (1–120 fps).
Aufwärmphase — Sekunden für Physik-/Constraint-Einpendelung vor Aufnahmebeginn.
Pause danach — letztes Bild für eine festgelegte Dauer halten.
Letztes Bild einschließen — Umschalter.

Viewport & Zuschnitt

Zuschnitt aktivieren/deaktivieren — Zuschnittsbereich umschalten.
Zuschnittsrechteck — X, Y, Breite, Höhe in Spine-Weltkoordinaten.
An Paar anpassen — Zuschnitt automatisch an ein Skelett-Paar mit konfigurierbarem Padding anpassen.
Interaktives Zuschnitts-Overlay — Ecken/Kanten direkt im Viewport ziehen.

Auflösung

Skalierungsmodus — Prozent-Schieberegler (10%–400%).
Fester Modus — explizite Pixel-Maße (bis zu 4096px).
Berechnete Ausgabeauflösung wird live angezeigt.

Render-Optionen

Bones rendern — Debug-Bone-Overlay einschließen.
Bilder rendern — Attachment-Bilder einschließen.
Sonstiges rendern — Bounding Boxes, Paths.
MSAA — Kein / 2× / 4× Anti-Aliasing.
Glättung — Stufen 0–8 mit Algorithmuswahl (Bicubic / Bilinear).

Hintergrund

Transparent — automatisch deaktiviert für Formate ohne Alpha (z.B. GIF, JPEG).
Einfarbig — benutzerdefinierte Farbauswahl.
Schachbrett — visueller Transparenz-Indikator.
Alpha-Kanal-Unterstützung: VP9+WebM, AV1+MP4, PNG Sequence, APNG, WebP Sequence.

HUD-Overlay

Umschalter: Track-Info, Zeit, Frame-Nummer, FPS, Skelett-Beschriftungen.
Benutzerdefinierter Text — Wasserzeichen-Text.
Position — 4 Ecken (oben-links, oben-rechts, unten-links, unten-rechts).
Schriftgröße — 8–64px, plus Textfarbe-Auswahl.

Wiederholung & Multi-Skelett

Wiederholungsanzahl — 1–100 Schleifendurchläufe.
Zielpaar — ein bestimmtes Skelett oder alle aufnehmen.
Skelett-Modus — Kombiniert (einzelne Datei) / Separate Dateien (eine Datei pro Skelett).

Dateinamen-Vorlage

Vorlagentext mit Variablen: {project}, {animation}, {W}, {H}, {fps}. Eine Live-Vorschau des aufgelösten Dateinamens wird angezeigt.

Timeline-Integration

Der Aufnahmebereich erscheint als rot/orange gestrichelter Clip auf der Timeline. Ziehen Sie an den Kanten, um den Bereich zu ändern, ziehen Sie den Körper zum Verschieben, oder verwenden Sie die Einstellungsschaltfläche (⚙️), um die vollständigen Aufnahmeeinstellungen zu öffnen.

Viewer: Aufnahme