Hilfe

00

Über KiraNeiro

Ein Werkzeug zum Erstellen von animierten Inhalten aus Musik, Grafiken, Text und Stimme — ohne die Lernkurve einer Video-Bearbeitungssoftware.

Das Problem, das wir lösen

Viele Kreative haben Inhalte — Musikstücke, Illustrationen, Essays, Erzählungen — möchten diese aber nicht animieren und veröffentlichen, weil sie keine Zeit, kein Geld und keine Lernkurve für professionelle Video-Bearbeitungssoftware aufbringen können, nur um sie zu animieren. Traditionelle Video-Editor sind schwer und für Einzelpersonen oft unzugänglich. KiraNeiro entfernt diese Barriere: öffnen Sie einfach einen Browser und Sie können sofort anfangen.

Was Sie erstellen können

Inhaltstyp	Beschreibung	Typische Ersteller
Musikvideo (MV)	Illustrationen und Lyriken zu Musik animieren	Singer-Songwriter, Vocaloid-Produzenten, Illustratoren
Erklär-Video	Erzähltext mit Diagrammen und grafischen Elementen synchronisieren	Bildungs- und Erklär-Ersteller
Kurzgeschichte	Text, gesprochene Worte und Illustrationen kombinieren	Romanautoren, Sprachkünstler
Lesevideo	Sprachaufnahmen mit Textanzeige synchronisieren	Schriftsteller, Hörbuch-Ersteller
Bilderbuch	Mehrere Seiten mit Illustrationen, Text und Audio verbinden	Illustratoren, Comic-Ersteller
Stimme + Foto	Ein einzelnes Foto mit einer Sprachaufnahme verbinden	Gedenkbeiträge, allgemeine Benutzer

Designphilosophie (anders als andere Video-Editoren)

• Musikvisualisierung — Lautstärke und BPM als Farben und Formen visualisieren, um Musik und Grafik intuitiv zu synchronisieren (Akkordfolgen-Visualisierung ist derzeit nicht unterstützt)
• Ihre Kunst bewegen — KiraNeiro generiert keine AI-Grafiken; Ihre eigenen Illustrationen und Charaktere sind der Star. Ihre vorhandene Kunstwerk wird bewahrt
• Leichtes Format — Das Projektdatei (.kneiro) ist JSON + Asset-Dateien, nicht Video-Datei — leichter als Videofiles, ausdrucksstärker als Bilder. Die App kann auch als MP4-Videodatei für YouTube/TikTok etc. exportiert werden (siehe Abschnitt „Exportformate")
• Struktur-basierte Text/Liedtext-Bearbeitung — Lyriken und Text sind Blöcke (Strophen, Sätze), nicht einzelne Zeichen; Sie passen das Timing pro Block an
• Inhaltstyp-spezifische Assistenten — Für MVs, Bilderbücher und Voice+Foto gibt es spezialisierte Erstellungsassistenten, alle über einen gemeinsamen Timeline-Editor

Serverlos (Datenschutz und Urheberrecht)

KiraNeiro ist nur ein Player — die App speichert die Mediendateien, die Sie in den Browser laden, niemals auf den Servern von KiraNeiro. Alle Bearbeitung und Verarbeitung erfolgt Client-seitig im Browser. Ihre Projekte leben in Ihrem lokalen Speicher oder in Ihrem eigenen Cloud-Speicher (GitHub, etc.). Sie kontrollieren vollständig, wer Ihre Inhalte sieht und wie sie lizenziert werden.

Kosten

Kostenlos zu nutzen — vollständig und ohne Funktionseinschränkungen. Nach dem Export können Sie optional Trinkgeld geben oder den Link teilen, aber das ist immer freiwillig — es gibt keine Paywalls in der Arbeit oder beim Export.

01

Browserunterstützung

02

Erste Schritte (Projektstart)

Wählen Sie auf der Startseite „Editor öffnen" und dann die Art des Inhalts, den Sie erstellen möchten. Ein Assistent führt Sie durch den Rest.

Projekttypen

Typ	Assistent-Ablauf
Lyrisches Musikvideo	Audio (Musik) hinzufügen → Charakter + Hintergrund-Illustration hinzufügen → Lyriken eingeben und Timing pro Zeile einstellen
Bilderbuch	Seitenzahl festlegen → Erzählungs-Audio hinzufügen (optional), anhand der Audio-Länge werden die Seitendauern automatisch aufgeteilt → Illustrationen und Text pro Seite hinzufügen
Voice + Foto	Ein Foto hinzufügen (als Vollbild-Hintergrund) → Audio hinzufügen (Hochladen oder Live-Aufnahme) → Der Audioumfang bestimmt die Gesamtdauer; das Einfachste aller Formate

Alle Assistenten sind schrittweis mit Anleitungen versehen — auch ohne Video-Editing-Erfahrung kommen Sie bis zum Abschluss. Nach dem Assistenten öffnet sich der normale Timeline-Editor für weitere Bearbeitung. Sie können auch mit einem leeren Projekt anfangen und alles von Hand zusammenstellen.

Canvas-Größe an das Plattform anpassen

Wählen Sie bei der Erstellung (oder später jederzeit) Ihre Zielplattform, und die Seitenverhältnisse werden automatisch gesetzt.

Plattform	Größe	Seitenverhältnis
YouTube / Niconico / Bilibili	1920×1080	16:9 (Querformat)
TikTok	1080×1920	9:16 (Hochformat)
YouTube Shorts	1080×1920	9:16 (Hochformat)
Instagram Reels / Stories	1080×1920	9:16 (Hochformat)
Spotify Canvas	1080×1920	9:16 (Hochformat)
X	1080×1080	1:1 (Quadrat)
Instagram Feed (1:1)	1080×1080	1:1 (Quadrat)
Instagram Feed (4:5)	1080×1350	4:5 (Hochformat)
Benutzerdefiniert	Beliebig	Beliebige Größe

03

Material hinzufügen

Drei Arten von Material werden zum Timeline hinzugefügt: Bilder, Audio und Text.

Unterstützte Formate

• Bilder — PNG, JPG, WEBP. Transparente PNGs (mit Alpha-Kanal) werden unterstützt für Charakterillustrationen
• Audio — MP3, WAV, AAC. Größere Dateien bis 30 MB werden unterstützt
• Text — Lyriken, Untertitel, Skripte direkt eingeben

Audio aus Video-Dateien extrahieren

Wenn Sie eine MP4-Datei (z.B. von Android-Bildschirmaufnahme) oder MOV-Datei (iOS) hierher ziehen, wird nur die Audio-Spur extrahiert und übernommen — das Video wird ignoriert. Sie müssen nicht in einem anderen Editor die Spur ausschneiden. Auf dem PC können Sie Dateien per Drag-and-Drop hinzufügen; auf Smartphones verwenden Sie stattdessen die Dateiauswahl (Dateibrowser), da Drag-and-Drop auf Touchgeräten nicht gut funktioniert.

Live-Mikrofon-Aufnahme

Während die Hintergrundmusik abgespielt wird, können Sie gleichzeitig in Ihr Mikrofon singen oder sprechen. Der Browser stellt die Unterstützung automatisch fest; wenn Aufnahmen nicht unterstützt werden, wird die Aufnahme-Benutzeroberfläche automatisch ausgeblendet. Chrome, Edge und Firefox unterstützen Aufnahmen — zusätzlich unterstützen Safari (iOS / macOS) auch Aufnahmen im MP4-Format. Die Aufnahme wird genauso wie andere hinzugefügte Audio-Assets behandelt. Ihre Aufnahmen werden nicht auf den Servern von KiraNeiro gespeichert — nur auf Ihrem Gerät.

04

Timeline-Editor — Grundlagen

Die Timeline am unteren Bildschirmrand ist, wo Sie mehrere Spuren (Bilder, Text, Audio) entlang der Zeit anordnen und einstellen.

Grundlegende Operationen

• Multi-Track-Anzeige — Bilder, Text und Audio gleichzeitig sichtbar
• Abspielkopf (vertikale Linie) ziehen, um an jeder Position abzuspielen und zu bearbeiten
• Timeline vergrößern/verkleinern, um zwischen feinen Einstellungen und Gesamtübersicht zu wechseln
• Spuren neu anordnen (ziehen), um Z-Reihenfolge zu kontrollieren — obere Spuren werden vorne angezeigt
• Snap-Funktion — Automatisch an Gitternetz oder Objektkanten ausrichten, hilft beim präzisen Positionieren
• Rückgängig / Wiederherstellen — Praktisch unbegrenzte Aktionsverlauf (20+ Schritte)
• Automatisches Speichern — Änderungen werden in Echtzeit im Browser gespeichert und nach Reload wiederhergestellt

Automatische Keyframe-Aufzeichnung

Sie müssen nicht „Keyframe hinzufügen" klicken. Wenn Sie auf der Leinwand ein Objekt bewegen, skalieren oder drehen, wird ein Keyframe an der aktuellen Timeline-Position automatisch aufgezeichnet. Die Interpolation zwischen Keyframes erfolgt mit Bezier-Kurven; Sie können auch Easing (graduelle Anfänge und Enden) einstellen. Sie können Objekte auch auf Schleife (Loop) in einem Bereich einstellen.

05

Appearance-Bearbeitung (Canvas-Operationen)

Bearbeiten Sie Objekte direkt auf der Leinwand in der Mitte des Bildschirms: wählen Sie sie aus, verschieben Sie sie, ändern Sie ihre Größe, oder wenden Sie Animationen und visuelle Effekte an. Alle Änderungen werden zeitlich angepasst.

Objekte auswählen und manipulieren

Klicken Sie auf ein Objekt auf der Leinwand, um es auszuwählen. Ziehen Sie es, um es zu verschieben; verwenden Sie die Anfasser (Griffe) an den Ecken und Kanten, um die Größe zu ändern oder das Objekt zu drehen. Sie können mehrere Objekte gleichzeitig auswählen (mit Shift oder durch Ziehen eines Auswahlbereichs), um sie zusammen zu verschieben oder zu skalieren.

Voreingestellte Animationen

Für Ein- und Ausstiegseffekte gibt es vorkonfigurierte Animationen (Bounce-Eingang, Rotation-Eingang, Slide-In, etc.). Ein Klick erzeugt automatisch mehrere Keyframes für Position, Skalierung, Drehung und Deckkraft; Sie können diese später einzeln anpassen.

Bild-Austausch (Cel-Animation)

Für das gleiche Objekt können Sie zu verschiedenen Zeitpunkten unterschiedliche Bilder anzeigen. Dies ermöglicht Gesichtsausdrücke, Mundformen und andere Cel-Effekte mit mehreren Frames in einem Objekt.

Deckkraft und Skalierungs-Animationen

Legen Sie Deckkraft und Größe zeitlich festgelegt fest (Fade-In/Out, etc.). Auch die Canvas-Hintergrundfarbe und Hintergrundbilder sind frei einstellbar.

Bild-Effekte

Wenden Sie voreingestellte Effekte auf Bilder an (Unschärfe, Sepia, Schwarzweiß, Farbanpassung, etc.). Nach Auswahl wird die Voreinstellung automatisch konfiguriert; Sie können Parameter später feinabstimmen. Schwere Effekte können ausgeschaltet werden für schnelle Geräte wie Chromebooks.

06

Text und Lyriken bearbeiten

Lyriken, Untertitel und Erzähltext werden als „Blöcke" (Zeilen/Absätze) behandelt; Sie passen das Anzeigetiming pro Block an.

Block-Timing-Einstellung

Jede Liedzeile oder ein Textsatz hat einen Timing-Slot. Sie können Start und Ende jedes Blocks einzeln einstellen und in der Vorschau überprüfen. Textblöcke können auf der Timeline verschoben werden (das Ganze verschieben), aber nicht in der Größe geändert werden (die Blockbreite wird durch Inhalt und Timing bestimmt). Wenn Sie Zeilen hinzufügen/löschen, ändern sich die Slot-Zuordnungen — überprüfen Sie nach Bearbeitung das Timing-Panel.

Schrift und Styling

Schriftart, Textfarbe und Größe sind frei einstellbar. Sie können auch Ein-/Ausblend-Animationen hinzufügen. Gradienten-Fülle, Schatten und Konturen können zu dekorativen Textstilen kombiniert werden. Die „Zufällig"-Funktion im Schriftdialog schlägt auch Styling zufällig vor.

07

Audio-Effekte

08

Speichern und Arbeitsordner

09

Exportformate

10

Veröffentlichung und Freigabe

KiraNeiro hostet nur die Wiedergabe-Engine; Ihre Inhalte speichern Sie selbst. Sie können Inhalte auf zwei Wegen teilen: durch eine URL zu einer Datei in Ihrem Speicher, oder durch direktes Senden/Teilen der exportierten Datei.

URL-Teilen

Speichern Sie JSON + Assets in Ihrem Speicher (GitHub, etc.) und teilen Sie eine URL der Form https://kiraneiro.app/view?src={Inhalts-URL} direkt in sozialen Netzwerken. OGP (Link-Vorschau) ist absichtlich nicht enthalten — Sie beschreiben Ihre Arbeiten mit eigenem Text und Bild.

Datei-Teilen

Sie können die exportierte Datei (.kneiro oder HTML-Datei) direkt über Chat-Apps, E-Mail oder USB-Stick teilen, ohne eine URL zu benötigen. Der Empfänger öffnet oder wählt die Datei einfach im KiraNeiro-Viewer aus, um sie lokal zu spielen. Diese Methode teilt privat mit einem bestimmten Kontakt, ohne irgendwo zu veröffentlichen.

Einbettung (iframe)

Verwenden Sie <iframe src="https://kiraneiro.app/embed?src={Inhalts-URL}"> um die Engine auf Ihrer Website einzubinden. /embed zeigt nur das Player-Steuerelement in minimalem Design.

CORS-Einschränkungen des Speichers

Der Player braucht direkten Zugriff auf Ihre Inhalts-URL, daher muss Ihr Speicher CORS erlauben. GitHub (GitHub Pages und Raw-Dateien) unterstützt das; Google Drive und Dropbox Share-Links funktionieren möglicherweise nicht.

11

PWA-Installation

KiraNeiro kann als App installiert werden (PWA: Progressive Web App).

• Desktop Chrome / Edge — Ein Browser-Prompt bietet Installation auf Desktop oder Taskleiste
• Android Chrome — Ebenfalls über Browser-Installationsprompt (zum Startbildschirm hinzufügen) als App verfügbar
• iOS Safari — Ein automatischer Installationsprompt wird nicht angezeigt, aber Sie können über das Freigabemenü „Zum Startbildschirm hinzufügen" wählen, um es manuell zu installieren und es als App auszuführen
• Nach Installation startet die App ohne Browser-UI (Adressleiste, etc.) wie ein natives Programm
• App-Code wird via Service Worker gecacht — Sie können den Editor offline verwenden und gespeicherte Projekte bearbeiten
• Offline-Wiedergabe wird nicht unterstützt (externe .kneiro-Dateien werden je Aufruf abgerufen)

12

Motion-Aufnahme

13

Bekannte Einschränkungen und Fehlerbehebung