KiraNeiro
Hilfe
KiraNeiro ist eine kostenlose Web-App, mit der Sie Musik, Illustrationen, Text und Stimmen im Browser kombinieren und leichte, animierte Inhalte erstellen und veröffentlichen können — ohne Video-Bearbeitungssoftware. Diese Seite erklärt, was möglich ist, wie es grundlegend funktioniert, gemeinsame Anfängerfehler und Lösungen dafür.
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 — können diese jedoch nicht animieren und veröffentlichen, weil ihnen die Zeit, das Geld und die Bereitschaft für die Lernkurve professioneller Video-Bearbeitungssoftware fehlen, 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
Editor (Arbeitsfläche)
- Windows Edge Unterstützt (Zielumgebung)
- Android Chrome Unterstützt (Zielumgebung, Touch-optimierte Benutzeroberfläche)
- iPad Safari Unterstützt (Zielumgebung, Touch-optimierte Benutzeroberfläche)
- Sonstige (Windows/Mac/ChromeOS Chrome, Mac Edge, iPhone Safari, macOS Safari, Firefox, etc.) Funktioniert, aber nicht verifiziert
Der Editor wird in drei Zielumgebungen getestet: Windows + Edge, Android + Chrome, iPad + Safari. Andere Kombinationen von Browser und Betriebssystem sind nicht explizit blockiert (die Funktionalität ist nicht intentional blockiert), aber wir führen keine formale Verifizierung durch. Bitte verstehen Sie dies als „Verifizierung nicht durchgeführt" statt „bekannt nicht unterstützt".
Wenn Sie Video-Material (MP4/WebM) hinzufügen, beachten Sie, dass WebM (VP9) auf iOS Safari aufgrund von OS-seitigen Einschränkungen nicht abgespielt werden kann. Für Video-Material auf iOS verwenden Sie bitte MP4 (H.264).
Viewer (nur Wiedergabe)
Der Player zum Abspielen veröffentlichter Inhalte funktioniert in allen gängigen Browsern (Chrome, Edge, Firefox, Safari) auf Desktop und Mobilgeräten. Der Player benötigt keine speziellen APIs — Ihre Zuschauer sehen Ihre Inhalte überall.
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
Sieben Arten von Material werden zum Timeline hinzugefügt: Bilder, Audio, Video, Text, Emoji/Kaomoji, Handschrift und Effekte. Häufig verwendete Objekte lassen sich als Favoriten registrieren und dann in anderen Projekten wiederverwenden.
Unterstützte Formate
- Bilder — PNG, JPG, WEBP. Transparente PNGs (mit Alpha-Kanal) werden unterstützt für Charakterillustrationen. Sie können auch ohne vorbereitete Asset-Datei Formen wie Kreise, Sprechblasen, Pfeile oder Herzen direkt vor Ort generieren und hinzufügen (siehe unten „Formen vor Ort erstellen")
- Video — MP4 (H.264) / WebM (VP9). Wird ohne Audio als kurzes Schleifenvideo importiert (siehe unten „Video-Material hinzufügen" für Details)
- Audio — MP3, WAV, AAC. Größere Dateien über 30 MB werden unterstützt. Zusätzlich zum Hinzufügen von Dateien können Sie auch live Gesang oder Erzählung über das Mikrofon aufnehmen, während die Hauptaudiospur abgespielt wird (siehe „Live-Mikrofon-Aufnahme" unten). Sie können auch Soundeffekte wie Applaus, Jubel und Bestätigungstöne direkt erstellen und hinzufügen, ohne Dateien vorbereiten zu müssen (siehe „Soundeffekte direkt erstellen" unten)
- Text — Lyriken, Untertitel, Skripte direkt eingeben
- Emoji/Kaomoji — Wählen Sie ein Emoji oder eine Emoticon aus einer Kategorie aus und platzieren Sie es auf der Leinwand. Leicht, weil es keine Bilddatei hinzufügt. Wie andere Text-Assets unterstützt es Verschieben, Skalieren, Drehen und Keyframe-Operationen. Kürzlich verwendete Stempel werden im Browser unter „Häufig verwendet" gespeichert, um eine einfache Neuauswahl zu ermöglichen
- Linien (Handschrift / Linienzeichnung) — Mit „Von Hand zeichnen" zeichnen Sie mit einem Stifteingabegerät, der Maus oder Touch in Echtzeit, und die Linien werden direkt aufgenommen. Bei Auswahl von „Mit Animation" wird synchron zur Wiedergabe der Hauptaudiospur aufgenommen, genau wie bei der Live-Mikrofon-Aufnahme. Farbe, Stärke und Linienenden aufgenommener Striche können nachträglich geändert werden (siehe „Handschrift-Einstellungen" unten). Alternativ können Sie „Linienzeichnung" wählen, um ohne Asset-Datei sofort Linien zu generieren — gerade Linien, Wellenlinien, Pfeile, Fokuslinien und mehr (siehe „Linienzeichnungen vor Ort erstellen" unten)
- Effekte — Fügen Sie Partikeleffekte wie Regen, Schnee, Blütenblätter/Herbstlaub oder Konfetti zur Timeline hinzu. Keine Datei nötig — wählen Sie einfach eine Voreinstellung (siehe „Effekte hinzufügen" unten)
Formen vor Ort erstellen (Bilder ohne Assets generieren)
Öffnen Sie im Bild-Tab „Form erstellen und hinzufügen", um ohne externe Asset-Datei Formen — Kreise, Rechtecke, Sprechblasen, Pfeile, Herzen, Sterne, Musiknoten und mehr — durch einfache Auswahl direkt als PNG-Bild zu generieren und sofort hinzuzufügen. Die Auswahl erfolgt in drei Schritten („① Art → ② Form → ③ Aussehen"), während eine Live-Vorschau zeigt, wie sich Füllfarbe, Umrandung, 3D-Effekt (vier Varianten: Flach / Gewölbt / Extrudiert / Puffig), Deckkraft und weitere Einstellungen auswirken. Im Schritt „Aussehen" kann die „Zufällig"-Funktion pro Bereich auch gleich eine ganze Kombination vorschlagen; einzelne Würfel-Symbole lassen sich abschalten, um das jeweilige Feld von der Zufallsauswahl auszunehmen (das gleiche Prinzip wie bei der Zufalls-Funktion für Farbe und Stärke bei der Handschrift-Einstellung). Mit den sechs Schaltflächen unter „Farbe nach Gefühl anpassen“ (Heller / Dunkler, Satter / Blasser, Wärmer / Kühler) lässt sich die zufällig gewählte Farbe Schritt für Schritt in die jeweilige Richtung verschieben. Wenn mehrere Farben angepasst werden können, etwa Füllung und Umrandung, wählen Sie zuerst ein Farbmuster und drücken dann die Schaltfläche. Ist die Füllung ein Farbverlauf, wählen Sie ganz vorne bei den Farbmustern „Zusammen“, um Startfarbe und Endfarbe gleichzeitig zu verschieben (eine Farbe, die bereits ihre Grenze erreicht hat, bleibt stehen; nur die noch verschiebbaren Farben werden angepasst). Eine Schaltfläche, deren Richtung nicht weiter möglich ist, wird deaktiviert; mit „Rückgängig“ können Sie jederzeit wieder zurückgehen. Generierte Formen werden wie normale Bild-Assets im Projekt gespeichert und können danach skaliert, verschoben und mit Effekten versehen werden.
Soundeffekte direkt erstellen (Töne ohne Assets generieren)
Im Audio-Tab „Ton erstellen und hinzufügen" öffnen können Sie Soundeffekte — Applaus, Jubel, Gemurmel, Bestätigungs-/Fehlertöne, Trommeln, Explosionen, Regen, Wind, Wellen, Glocken, Tamburstöße und mehr — ohne externe Asset-Datei direkt erstellen, indem Sie einfach aus Optionen wählen. Die Auswahl erfolgt in drei Schritten („① Art → ② Ton → ③ Klangcharakter"), wobei Sie Länge, Dichte (Lautstärkemenge), Tonhöhe und Hallraum (kein Hallraum / Zimmer / großer Saal / Außen) anpassen, während eine Live-Vorschau mit Wellenformdarstellung und Play-Button die Ergebnisse anzeigt (die Wiedergabe wiederholt sich und läuft weiter, bis Sie auf „Stopp" drücken oder das Panel schließen. Wenn Sie während der Wiedergabe die Einstellungen ändern, wird sie nicht unterbrochen, sondern wechselt zum neuen Sound). Für Menschen- oder Naturgeräusche geben Sie die Dauer in Sekunden an; für kurze Sounds wie Bestätigungs- oder Fehlertöne oder Trommeln stellen Sie die „Hallänge" (Nachhall-Länge) ein. Erstellte Töne werden auf Ihre genaue Längenvorgabe hin erstellt und haben nahtlose Übergänge, klingen also natürlich. Im Schritt „Klangcharakter" kann die „Zufällig"-Funktion auf Knopfdruck eine komplette Kombination vorschlagen, und die „Alternative Variante"-Schaltfläche erzeugt eine andere Variation unter Beibehaltung der gleichen Einstellungen. Würfel-Symbole lassen sich einzeln abschalten, um diese Felder von der Zufallsauswahl auszunehmen (gleiches Prinzip wie beim Erstellen von Formen vor Ort). Erstellte Sounds werden wie normale Audio-Assets im Projekt gespeichert und können danach mit Lautstärkeregelung, Trimmen, Effekten und mehr bearbeitet werden. Standardmäßig werden sie zur Soundeffekt-Spur hinzugefügt, Naturgeräusche wie Regen und Wind gehen aber zur BGM-Spur (mit der Option „Zu Spur hinzufügen" änderbar). Das Erstellen längerer Sounds kann einen Moment dauern, der Fortschritt wird auf dem Bildschirm angezeigt.
Linienzeichnungen vor Ort erstellen (Linien ohne Assets generieren)
Wählen Sie „Linienzeichnung" im Tab „Linien", um ohne externe Asset-Datei Linien — gerade Linien, Wellenlinien, Pfeile, gepunktete Linien, Fokuslinien, Blitze, Regen, Häkchen und mehr — durch einfache Auswahl direkt als Handschrift-Strich zu generieren. Die Auswahl erfolgt in drei Schritten („① Art → ② Form → ③ Einstellungen"), während eine Live-Vorschau zeigt, wie sich Linienfarbe, Stärke, Stiftart (Manga-Stift / Rundstift / Pinsel / Marker / Bleistift), Anzahl, Abstand, Symmetrie, Verjüngung und weitere Einstellungen auswirken. Für die Ausgabe wählen Sie zwischen „Animiert" (zeichnet die Linie synchron zur Wiedergabe) und „Statisch" (platziert die fertige Linie direkt); bei „Animiert" wird auch die Vorschau in derselben Reihenfolge und mit demselben Timing in einer Schleife abgespielt. Bei Formen mit mehreren Linien steuern „Zeichenreihenfolge" (von links nach rechts / von der Mitte nach außen / von außen zur Mitte / zufällig) und „Zeitversatz", wie die Linien nacheinander gezeichnet werden. Im Schritt „Einstellungen" kann die „Zufällig"-Funktion pro Bereich auch gleich eine ganze Kombination vorschlagen; einzelne Würfel-Symbole lassen sich abschalten, um das jeweilige Feld von der Zufallsauswahl auszunehmen (das gleiche Prinzip wie bei Formen und Soundeffekten). Generierte Linien werden wie normale Handschrift-Striche im Projekt gespeichert und können danach in Farbe, Stärke und weiteren Einstellungen geändert werden.
Favoriten
Klicken Sie mit der rechten Maustaste (oder halten Sie lange) auf ein Objekt auf der Leinwand und wählen Sie „Sonstiges ▶ Zu Favoriten hinzufügen", um es mit einem Gruppennamen zu registrieren. Registrierte Objekte können Sie im Bedienfeld „Material hinzufügen" auf der Registerkarte „Favoriten" auswählen, nach Gruppen filtern und neu anordnen. Die Platzierungsposition wird relativ zur Mitte der Leinwand und zur aktuellen Spielposition neu berechnet, sodass Sie die ursprüngliche Position und das Timing ignorieren können. Favoriten von Bildern, Lyriken und Textobjekten werden vollständig im Browser gespeichert und können daher in anderen Projekten aufgerufen werden. Favoriten werden nicht in der Projektdatei gespeichert, sondern im Browser (Gerät).
Platzierte Material-Dateien austauschen
Klicken Sie mit der rechten Maustaste (oder halten Sie lange) auf ein platziertes Bild-, Video- (animierte Illustration) oder BGM-/Hauptton-Objekt und wählen Sie „Bild-/Video-/Audio-Datei ersetzen..." — ein Dateiauswahl-Dialogfeld öffnet sich, und der Inhalt wird durch die neu gewählte Datei ersetzt. Position, Skalierung, Animation, Keyframes und alle anderen Einstellungen außer der Datei bleiben erhalten — dies ist praktisch, wenn Sie die gleiche Komposition behalten, aber nur den Inhalt austauschen möchten. Diese Operation kann wie normale Bearbeitungen mit „Rückgängig machen" (Ctrl+Z / Cmd+Z) rückgängig gemacht werden. Beachten Sie: Wenn Sie später eine neue Datei mit dem gleichen ursprünglichen Dateinamen hinzufügen, wird diese nicht überschrieben — stattdessen werden beide automatisch mit unterschiedlichen Namen gespeichert (beispielsweise verschwindet keine der Dateien, wenn Sie zwei Fotos mit dem gleichen Namen nacheinander hinzufügen).
Video-Material hinzufügen (tonlose Schleife)
Fügen Sie auf der Registerkarte „Video" Video-Dateien (MP4/WebM) hinzu, um sie ohne Audiospur als kurze Schleifenvideos auf der Timeline zu platzieren — wie bewegte Illustrationen neben statischen Fotos und Bildern. Die maximale Dauer beträgt 10 Sekunden; Videos, die länger als 10 Sekunden sind, werden auf die ersten 10 Sekunden gekürzt. Die Audiospur wird während des Imports automatisch entfernt. Wenn Sie Audio benötigen, verwenden Sie bitte weiter unten den Abschnitt „Audio aus Video-Dateien extrahieren" oder fügen Sie Audio separat über die Registerkarte „Audio" hinzu. iOS Safari unterstützt WebM (VP9) nicht, daher ist nur MP4 (H.264) auf iOS zuverlässig verfügbar.
Audio aus Video-Dateien extrahieren
Wenn Sie auf der Registerkarte „Audio" eine MP4-Datei (z.B. von Android-Bildschirmaufnahme) oder MOV-Datei (iOS) hinzufügen, 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. Wenn Sie die Videospur selbst als visuelles Element verwenden möchten, nutzen Sie bitte den Abschnitt „Video-Material hinzufügen" oben.
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.
Über Mikrofon-Verbindungen
Verwenden Sie zum Aufnehmen bitte das integrierte Mikrofon Ihres Computers oder ein kabelgebundenes Mikrofon anstelle eines Bluetooth-Mikrofons (drahtlos). Bluetooth-Verbindungen können instabil sein und dazu führen, dass Teile der aufgenommenen Audio verloren gehen, wodurch die Aufnahme kürzer wird als Ihre tatsächliche Aufnahmezeit.
Effekte hinzufügen (Regen, Schnee, Blütenblätter, Konfetti und andere Partikeleffekte)
Wählen Sie im Tab „Effekte" einfach eine Voreinstellung — Regen, Schnee, Blütenblätter/Herbstlaub oder Konfetti —, um einen Partikeleffekt zur Timeline hinzuzufügen. Es ist keine Datei auszuwählen; der Effekt wird sofort mit Standardeinstellungen platziert. Danach können Sie im Eigenschaften-Panel rechts Farbe, Deckkraft, Dichte (Partikelmenge), Geschwindigkeit, Größe, Unruhe sowie voreinstellungsspezifische Details (z. B. den Fallwinkel des Regens oder die Windstärke beim Schnee) anpassen. Im Effekt-Einstellungsdialog können Sie mit den sechs Schaltflächen unter „Farbe nach Gefühl anpassen" (Heller / Dunkler, Satter / Blasser, Wärmer / Kühler) die zufällig gewählte Farbe ebenfalls schrittweise näher an die gewünschte Richtung bringen; mit „Rückgängig" können Sie jederzeit wieder zurückgehen. Bei Regen, Schnee, Blütenblättern/Herbstlaub, Konfetti, Blasen, Glitzerpartikeln und Sternenhimmel können Sie das Kontrollkästchen „Tiefe" aktivieren, um jedem Partikel unterschiedliche Größe und Deckkraft zu verleihen und so einen dreidimensionalen Eindruck zu erzeugen. Effekte können sowohl als Hintergrund- als auch als Vordergrundebene verwendet werden — es gibt kein eigenes Kontrollkästchen dafür; verwenden Sie stattdessen die gleiche Ebenenreihenfolge-Steuerung wie bei anderen Objekten (im Rechtsklickmenü „Nach vorne" / „Nach hinten"). So können Sie z. B. fallenden Schnee vor einer Figur oder Regen über dem gesamten Hintergrund anordnen.
Handschrift-Einstellungen
Beim Hinzufügen von Handschrift können Sie zwischen drei Zeichenmethoden wählen. „Animierte Handschrift starten" nimmt synchron zur Wiedergabe der Hauptaudiospur auf und gibt bei der Wiedergabe die ursprüngliche Strichfolge und -geschwindigkeit wieder. „Standbild-Handschrift starten" ist nicht mit der Audiowiedergabe synchronisiert — Sie zeichnen frei in Ihrem eigenen Tempo, und die Linie wird als statisches Bild platziert. „In eigenem Tempo zeichnen und in Animation umwandeln" lässt Sie ebenfalls frei in Ihrem eigenen Tempo zeichnen wie bei der Standbild-Methode, wird nach dem Zeichnen aber automatisch in animierte Handschrift mit konstanter Zeichengeschwindigkeit und einer kurzen Pause zwischen den Strichen umgewandelt (nützlich, wenn Sie in Ihrem eigenen Tempo zeichnen, die Wiedergabe aber als gleichmäßig animierte Bewegung erscheinen soll). Keine dieser Methoden kann nach der Erstellung zu einer anderen gewechselt werden. Farbe, Stärke, Linienende (rund / eckig / ohne Überstand) und Stiftart (G-Stift, Rundstift, Pinsel, Marker, Bleistift) können im selben Einstellungsdialog angepasst werden — sowohl als Standardeinstellung vor Aufnahmebeginn als auch als nachträgliche Änderung an bereits aufgenommenen Strichen. Die „Zufall"-Funktion im Dialog kann auch zufällige Kombinationen aus Farbe, Stärke, Linienende und Stiftart vorschlagen. Ganz oben im Dialog, auf dem Tab „Einfach“ (Standardanzeige), finden Sie „Farbe nach Gefühl anpassen“: Wählen Sie ein Farbmuster und drücken Sie einfach eine der Schaltflächen „Heller / Dunkler“, „Satter / Blasser“ oder „Wärmer / Kühler“, um die zufällig festgelegte Farbe nach Gefühl fein abzustimmen (bei einem Farbverlauf wählen Sie Startfarbe und Endfarbe und passen beide an; wählen Sie vorne bei den Farbmustern „Zusammen“, um Startfarbe und Endfarbe gleichzeitig zu verschieben, auch Anpassungen mit „Zusammen“ werden mit einem Schritt rückgängig gemacht). Um Farbcodes direkt einzugeben oder Verlaufsnutzung und -richtung festzulegen, wechseln Sie auf den Tab „Detailliert“.
Handschrift-Strichanimation-Einstellungen
Bei Strichen, die „mit Animation" aufgenommen wurden, können Sie die Bewegungsart nachträglich ändern. Klicken Sie mit der rechten Maustaste auf das Objekt und wählen Sie „Bewegung ▶ Strichanimation", um zwei Dinge festzulegen: „Bewegung" (entweder „Zeichnen" — die Linie wird schrittweise aufgezeichnet — oder „Löschen" — die fertige Linie wird schrittweise gelöscht) und „Reihenfolge" („Originalreihenfolge" = genau wie aufgenommen; „Alle umkehren" = erscheint ab dem letzten gezeichneten Teil; „Strichreihenfolge umkehren" = jeder einzelne Strich wird wie vorgesehen gezeichnet, aber die Striche spielen in umgekehrter Reihenfolge ab). Der Dialog verfügt über eine Live-Animationsvorschau mit einer Schaltfläche zum Abspielen. Da lange Striche bei normaler Geschwindigkeit lange dauern, kann die Vorschaugeschwindigkeit von 1x bis 10x eingestellt werden (dies wirkt sich nur auf die Vorschau aus, nicht auf die Wiedergabegeschwindigkeit des fertigen Werks). Striche, die „ohne Animation" aufgenommen wurden, verändern sich zeitlich nicht, daher wird diese Einstellung für sie nicht angezeigt. Um die tatsächliche Wiedergabegeschwindigkeit des fertigen Werks zu ändern, geben Sie oben im Dialog „Strichanimation" oder im Eigenschaften-Panel rechts einen Wert für „Wiedergabegeschwindigkeit" ein (Standard 1x, jeder Wert größer als 0 bis 10x mit bis zu 2 Dezimalstellen) — beide bearbeiten dieselbe Einstellung und wirken sich tatsächlich auf Wiedergabe, Export und den Viewer aus (im Gegensatz zur obigen Vorschaugeschwindigkeit). Wird die Geschwindigkeit so weit verringert, dass der Strich nicht rechtzeitig fertig gezeichnet würde, wird die Anzeigedauer automatisch verlängert.
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
- Das Endmarker am Ende der Timeline (orange gestrichelte Linie) ziehen, um die Gesamtlänge des Inhalts (Gesamtdauer) anzupassen. Dies kann auch durch numerische Eingabe im Feld „Gesamtdauer" des Eigenschaften-Bedienfelds geändert werden
- 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, damit auch günstige Geräte wie Chromebooks flüssig laufen.
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. Text-, Lyriken- und Absatz-Blöcke können auf der Leinwand mit Doppelklick (oder Doppeltipp auf Touch-Geräten) auch direkt zum Bearbeiten geöffnet werden.
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. Mit den sechs Schaltflächen unter „Farbe nach Gefühl anpassen“ (Heller / Dunkler, Satter / Blasser, Wärmer / Kühler) lassen sich außerdem die Farben von Text, Umrandung, Verlauf und Schatten nach und nach verschieben. Wählen Sie die anzupassende Farbe zuvor aus einem Farbmuster; eine Schaltfläche, deren Richtung nicht weiter möglich ist, wird deaktiviert. Ist die Füllung ein Farbverlauf, wählen Sie ganz vorne bei den Farbmustern „Zusammen“, um Startfarbe und Endfarbe gleichzeitig zu verschieben. Mit „Rückgängig“ können Sie jederzeit zurückgehen (auch Anpassungen mit „Zusammen“ werden mit einem Schritt rückgängig gemacht). Schriftarten werden standardmäßig so gefiltert, dass sie mit der Anzeigesprache der App übereinstimmen (beispielsweise werden bei Japanisch als Anzeigesprache nur japanische Schriftarten und lateinische Schriftarten angezeigt). Wenn Sie Schriftarten für andere Sprachen verwenden möchten, fügen Sie diese über das Menü „?" der Symbolleiste mit „Anzeigemodus" hinzu.
Text-to-Speech (Browser-integrierte Sprachsynthese)
Jeder Text-, Lyriken- oder Absatz-Block kann einzeln mit Browser-Text-to-Speech konfiguriert werden. Diese Funktion ist nur während der Wiedergabe im HTML-Viewer-Export aktiv und ist niemals in MP4-Exporten enthalten. Sprachoptionen beschränken sich auf lokale Stimmen, die keinen Text an externe Server senden. Wenn auf Ihrem Gerät keine lokalen Stimmen verfügbar sind, funktioniert das Text-to-Speech-Feature selbst nicht. Das Verhalten variiert je nach Browser- und OS-Kombination, und iOS Safari-Unterstützung ist nicht garantiert (siehe Abschnitt Browserunterstützung).
07
Audio-Effekte
Rauschunterdrückung
Sie können einen Rauschfilter auf Ihre Hauptaudio-Spur anwenden, um Umgebungsgeräusche aus Aufnahmen zu reduzieren.
Soundeffekte
Wenden Sie Hall und andere Soundeffekte auf Ihre Hauptaudio-Spur an. Der Effekt gilt für Vorschau, Export und veröffentlichte Wiedergabe. Sie können Effekte ausschalten für ältere Geräte.
08
Speichern und Arbeitsordner
Automatisches Speichern → Arbeitsordner (intern)
KiraNeiro speichert laufend in Ihrem Browser-Arbeitsordner (Origin Private File System). Dieser Bereich ist für Explorer/Finder nicht sichtbar.
Ctrl+S → .kneiro-Datei
Ctrl+S (oder „Datei → Speichern unter") speichert an einem Ort Ihrer Wahl als .kneiro-Datei. Dies ist die tragbare, gemeinsame Projektdatei. Das automatische Speichern aktualisiert diese Datei nicht. Wenn Sie auf einem anderen Gerät fortsetzen oder Backups erstellen möchten, speichern Sie explizit.
09
Exportformate
Speichern unter (.kneiro) — Projektdatei
Speichert das komplette Projekt zur späteren Bearbeitung. Öffnen Sie es erneut in KiraNeiro und bearbeiten Sie weiter.
Video exportieren (MP4)
Nutzt die WebCodecs API zur MP4-Kodierung, wo diese verfügbar ist (max. 1920×1080). In Umgebungen ohne WebCodecs-Unterstützung (Firefox, einige Safari-Versionen, einschließlich iOS Safari) wird automatisch auf die MediaRecorder API (MP4 oder WebM) zurückgegriffen — MP4-Export ist also auch auf iOS möglich, nur über den Fallback-Weg. Nur wenn weder WebCodecs noch MediaRecorder verfügbar sind, wird der Export mit einem Fehler abgebrochen. Der Export kann mehrere Minuten dauern. Dies ist Ihre fertige Datei für YouTube, TikTok, etc.
MP4-Exporte verwenden den Video-Codec H.264 (AVC). In den meisten Fällen — privates Veröffentlichen oder übliche kommerzielle Nutzung/Verbreitung auf typischen Websites — müssen Sie sich nicht gesondert um eine Patentlizenz kümmern.
*Bestimmte kommerzielle Nutzungsformen, etwa großflächiger Vertrieb über kostenpflichtige Video-Dienste oder der massenhafte Verkauf als kostenpflichtiges Medium, können jedoch eine gesonderte Lizenzierung erfordern.
In manchen Umgebungen fragt der Browser beim Start nach Zustimmung zu zusätzlichen AVC-Bedingungen — das betrifft die Nutzungsbedingungen des Browsers selbst und schränkt nicht ein, wie Sie das exportierte Video nutzen dürfen.
HTML-Freigabe — Externe Variante
Kleine Datei. Die Wiedergabe-Engine wird zur Laufzeit von kiraneiro.chronovis-software.com geladen — Internet erforderlich. Engine-Updates sind automatisch. Auch auf iOS kann die Datei vom Export-Button aus exportiert werden. Da iOS Safari jedoch keine Möglichkeit hat, eine lokale HTML-Datei in einem ausführbaren Browser-Kontext zu öffnen, erscheint bei Öffnung mit der Datei-App ein Leitbildschirm — folgen Sie dem Link zu kiraneiro.chronovis-software.com/view und wählen Sie dann die gleiche Datei erneut aus, um sie abzuspielen (die gleiche Vorgehensweise funktioniert, wenn Sie die Datei von einem Computer/PC erhalten und auf iPhone/iPad öffnen).
HTML-Freigabe — Eigenständige Variante
Größere Datei (~256 KB + Projektdaten). Die Engine ist komplett eingebettet — funktioniert offline und ist unabhängig vom Server. Auch wenn die Wiedergabe-Engine in Zukunft aktualisiert wird, ändert sich der Inhalt der mit dieser Methode exportierten Dateien nicht. Auch auf iOS kann die Datei vom Export-Button aus exportiert werden. Das Verfahren zum Öffnen und Abspielen der Datei ist dasselbe wie bei der externen Variante oben.
Als APNG exportieren
Exportiert ein animiertes PNG (APNG). Sie können die Bildanzahl (2–120), die Anzahl der Wiederholungen (einschließlich unendlich) und die Farbanzahl frei einstellen. Es unterstützt die Einstellung „Hintergrund transparent" — wenn diese aktiviert ist, wird mit transparentem Hintergrund exportiert, andernfalls mit der eingestellten Hintergrundfarbe. Wenn Sie eine Zieldateigröße angeben, wird eine „Berechnen"-Schaltfläche angezeigt, mit der Sie die Bildanzahl berechnen können, die in diese Größe passt (ohne Angabe wird die Datei beim Drücken von „Exportieren" sofort exportiert).
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
Veröffentlichen Sie eine `.kneiro`-Datei in Ihrem Speicher (GitHub, etc.), URL-kodieren Sie ihre öffentliche URL, und teilen Sie eine URL im Format https://kiraneiro.chronovis-software.com/view?src={öffentliche-URL-der-.kneiro-Datei} 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.chronovis-software.com/embed?src={öffentliche-URL-der-.kneiro-Datei}"> 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. Da der Viewer selbst über https bereitgestellt wird, muss die URL auch https verwenden – eine http-URL wird durch die Mixed-Content-Beschränkungen des Browsers blockiert.
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
Live-Motion-Point aufnehmen
Drücken Sie die Aufnahmetaste, um die Wiedergabe zu starten. Während das Projekt abgespielt wird, ziehen Sie Objekte auf der Leinwand — Ihre Bewegungen werden in Echtzeit aufgezeichnet. Schneller und natürlicher als manuelles Keyframing.
Anzeige-Dauer wird automatisch verlängert
Während Sie Bewegung durch Ziehen aufnehmen, wird die Aufnahme fortgesetzt, auch nachdem die ursprüngliche Endzeit des Objekts verstrichen ist. Das Objekt verschwindet nicht mitten im Ziehen — Sie können weiter ziehen bis zum Ende. Nach Bestätigung verlängert sich die Anzeige-Dauer des Objekts automatisch bis zu Ihrem Zieh-Ende und wird gespeichert, was sich auch in exportierten Videos und der Wiedergabe im Player widerspiegelt. Falls Sie den Dialog abbrechen oder keine Bewegung aufgezeichnet wurde, bleibt die ursprüngliche Anzeige-Dauer erhalten.
Bestätigungsdialog — 3 Modi
Nach dem Stoppen der Aufnahme wählen Sie einen Modus:
- Original — Exakte aufgezeichnete Bewegung
- Linear — Vereinfachte Gerade Segmente
- Weich — Glatte Kurvenanpassung
Liedtext-/Prosa-Anzeigetiming aufnehmen
Im Aufnahmemodus können Sie wann jede Zeile angezeigt wird neu einstellen. Drücken Sie die Aufnahmetaste, um zu starten, klicken Sie „Weiter" genau in dem Moment, wenn die Zeile sichtbar sein soll. Das Timing wird live aktualisiert — wie manuelles Timingsetzen, aber intuitiver.
Direkt nach Aufnahmebeginn werden Liedtext / Prosa nicht auf dem Bildschirm angezeigt (Wartezustand). Drücken Sie zum ersten Mal auf „Weiter“, wenn der Text erscheinen soll, etwa beim Einsatz des Gesangs. Die erste Zeile (bei Prosa der erste Absatz) wird dann ab diesem Moment angezeigt. Jedes weitere „Weiter“ schaltet zur nächsten Zeile.
Während der Aufnahme können Sie mit dem Umschalter „Timing / Bewegung“ den Modus wechseln. Im Modus „Bewegung“ ist die Schaltfläche „Weiter“ deaktiviert: Das Anzeigetiming bleibt unverändert und Sie nehmen nur Position, Größe und Drehung auf.
13
Bekannte Einschränkungen und Fehlerbehebung
Warum wird mein BGM abgelehnt?
KiraNeiro überprüft, ob die effektive Audio-Dauer in den Platzierungs-Slot passt (bis zum nächsten BGM, oder bis zur Timeline-Ende bei letztem Element). Wenn die Datei-Dauer länger als der Slot ist, wird Platzierung verweigert.
Lösung: Verwenden Sie eine kürzere Datei, oder verschieben Sie BGM-Startpunkt, um den Slot zu vergrößern.
Wann erscheint „Wiedergabedauer aktualisieren"?
Wenn alle Objekte einen Endpunkt haben und der maximale Endpunkt nicht gleich der Projektdauer ist, zeigt das Dateimenü „Wiedergabedauer aktualisieren". Klicken, und die Projektdauer wird auf den Endpunkt des weitesten Objekts eingestellt. Häufig nach Objektverlängerung vergessen.
Nicht unterstützte Funktionen (bewusst nicht in Geltungsbereich)
- Echtzeit-Zusammenarbeit mehrerer Benutzer
- KI-basierte automatische Animation (wir priorisieren „Ihre Kunst bewegen")
- Text-to-Speech und Gesang-Synthese (für die Erzeugung von Audioinhalten und synthetisierten Gesang innerhalb des Videos; Browser-integrierte Text-to-Speech wird jedoch nur in HTML-Viewer-Exporten unterstützt, siehe Text und Lyriken bearbeiten oben)
- Kommentare, Likes, Community-Galerien
- Direkte YouTube / Niconico Upload-Integration
- OCR oder automatische Lyriken-Timing-Generierung (manuell ist Standard)
- Automatisches Transparentmachen des Bildhintergrunds
Informationen zu unterstützten Browsern und Umgebungen finden Sie im Abschnitt „Browserunterstützung".