KiraNeiro
Ayuda
KiraNeiro es una aplicación web gratuita que te permite crear contenido dinámico ligero combinando música, ilustraciones, texto y voz sin necesidad de software de edición de video. Esta página explica qué puedes hacer, cómo usarlo, cómo funciona y puntos donde es fácil quedarse atascado.
00
¿Qué es KiraNeiro?
Una herramienta para transformar música, ilustraciones, texto y narraciones en "contenido dinámico" sin necesidad de aprender software de edición de video.
El problema que resuelve
Los creadores que tienen contenido que quieren expresar —canciones, ilustraciones, texto, narraciones— a menudo no pueden convertirlo en video porque aprender software profesional de edición de video requiere tiempo, dinero y esfuerzo. Las herramientas de edición de video existentes están diseñadas en torno a "archivos de video" y tienen un alto costo de entrada para creadores individuales. KiraNeiro elimina esta barrera al proporcionar un entorno de creación ligero donde todo lo que necesitas es un navegador.
Tipos de contenido que puedes crear
| Tipo | Descripción | Usuarios principales |
|---|---|---|
| MV (Video musical) | Animar ilustraciones y letras sincronizadas con música | Cantautores, productores de Vocaloid, ilustradores |
| Video educativo | Sincronizar narración de audio con diagramas y texto | Creadores educativos y de explicaciones |
| Historias cortas | Combinar texto, narración e ilustraciones | Novelistas, creadores de lectura en voz alta |
| Video de lectura | Sincronizar texto con narración de audio | Escritores, creadores de audiolibros |
| Libro ilustrado | Combinar múltiples páginas de ilustraciones, texto y audio en un contenido | Autores de libros infantiles, creadores de cómics |
| Foto con voz | Contenido mínimo que combina una foto y un archivo de audio | Compartir recuerdos, usuarios generales |
Filosofía de diseño (diferencias con otro software de edición de video)
- Visualización de música — En lugar de mostrar ondas de sonido sin sentido, visualizamos el volumen y BPM con colores y formas para que sea intuitivo emparejar ilustraciones con música (la visualización de progresión de acordes no está actualmente disponible)
- Anima tus propias ilustraciones — No generamos video desde cero con IA, sino que animamos las ilustraciones y personajes del usuario. Priorizamos la capacidad de mantener tus ilustraciones y mundos existentes tal como son
- Formato ligero — El archivo de proyecto para re-edición (.kneiro) es JSON + archivos de activos en lugar de un archivo de video, lo que lo hace más ligero que un archivo de video pero con más poder expresivo que una imagen estática. También puedes exportar como archivo MP4 de video para publicar en YouTube, TikTok, etc. (véase la sección "Formatos de exportación" para más detalles)
- Edición de texto y letra basada en estructura — Tratamos texto y letras como "bloques" en unidades de párrafos y líneas, permitiendo ajustar el tiempo de visualización a nivel de bloque
- Asistentes optimizados por tipo de contenido — Para MV, libros ilustrados, fotos con voz y otros tipos, proporcionamos flujos de creación optimizados (asistentes) sobre la línea de tiempo común
Diseño sin servidor (consideración de derechos de autor y privacidad)
KiraNeiro nunca envía ni almacena los archivos de material (audio, imágenes, texto) que carga en el navegador en los servidores de KiraNeiro. Todo el proceso ocurre localmente en tu navegador. El contenido que creas se guarda en tu almacenamiento local del navegador o en almacenamiento en la nube que administras (como GitHub). Por lo tanto, la responsabilidad de gestionar derechos de autor y alcance público es tuya.
Precio
Completamente gratuito sin limitaciones de funciones. Cuando se completa la exportación de video, puedes elegir opcionalmente apoyar a través de donaciones o compartir en redes sociales, pero esto no es obligatorio y no aparece durante la creación.
01
Navegadores compatibles
Editor (pantalla de creación)
- Windows + Edge Compatibilidad oficial (ambiente objetivo principal)
- Android + Chrome Compatibilidad oficial (ambiente objetivo principal; UI optimizada para toque)
- iPad + Safari Compatibilidad oficial (ambiente objetivo principal; UI optimizada para toque)
- Otros (Chrome en Windows/Mac/ChromeOS, Edge en Mac, Safari en iPhone/macOS, Firefox, etc.) Funciona pero no verificado
Realizamos verificación oficial de funcionamiento en tres ambientes: Windows + Edge, Android + Chrome, e iPad + Safari. Para otras combinaciones de navegador/SO, la aplicación no está bloqueada (no hay restricciones explícitas en el código), pero no hemos realizado verificación oficial de funcionamiento. Esto es "funcionamiento no verificado" en lugar de "verificado como no compatible".
Si agrega materiales de video (MP4/WebM), tenga en cuenta que WebM (VP9) no se puede reproducir en iOS Safari debido a restricciones del sistema operativo. Si usa materiales de video en iOS, use MP4 (H.264).
Visor (solo reproducción)
Las páginas de reproducción publicadas funcionan en navegadores principales incluyendo Chrome, Edge, Firefox y Safari (tanto en desktop como en móvil). La reproducción no requiere las API especiales que necesita la creación, por lo que los espectadores tienen total compatibilidad entre navegadores.
02
Primeros pasos (Crear proyecto)
Desde la página de inicio, haz clic en "Abrir editor" para entrar en la pantalla de creación del proyecto y selecciona el tipo de contenido que deseas crear.
Tipos de proyectos que puedes crear
| Tipo | Flujo del asistente |
|---|---|
| MV con letra | Agregar canción (audio) → Agregar ilustraciones de personaje/fondo → Ingresar texto de letra y configurar tiempos por línea |
| Libro ilustrado | Especificar número de páginas → Agregar narración (opcional), los tiempos de página se distribuyen automáticamente según la duración del audio → Agregar ilustración de fondo y texto a cada página |
| Foto con voz | Agregar una foto (colocada como fondo que cubre todo el lienzo) → Agregar un archivo de audio (carga o grabación de micrófono en tiempo real) → La duración del audio se convierte automáticamente en el tiempo de reproducción total, el flujo más simple |
Todos los asistentes están diseñados con indicadores de paso y texto de orientación que te guían sin necesidad de conocimientos de edición de video, permitiéndote llegar a un producto terminado sin confusión. Cuando completas el asistente, pasas a la pantalla del editor de línea de tiempo normal donde puedes continuar editando libremente. También es posible saltarse el asistente y construir un proyecto desde cero.
Tamaño de lienzo adaptado a la plataforma de publicación
Al crear un proyecto (o en cualquier momento después), solo selecciona la plataforma donde planeas publicar y la relación de aspecto del lienzo se establece automáticamente.
| Plataforma | Tamaño | Relación de aspecto |
|---|---|---|
| YouTube / Niconico / Bilibili | 1920×1080 | 16:9 (horizontal) |
| TikTok | 1080×1920 | 9:16 (vertical) |
| YouTube Shorts | 1080×1920 | 9:16 (vertical) |
| Instagram Reels / Stories | 1080×1920 | 9:16 (vertical) |
| Spotify Canvas | 1080×1920 | 9:16 (vertical) |
| X | 1080×1080 | 1:1 (cuadrado) |
| Instagram Feed (1:1) | 1080×1080 | 1:1 (cuadrado) |
| Instagram Feed (4:5) | 1080×1350 | 4:5 (vertical) |
| Personalizado | Cualquiera | Especificar cualquier tamaño |
03
Agregar materiales
Agregue siete tipos de materiales —imágenes, audio, video, texto, emoji/kaomoji, escritura a mano y efectos— a la línea de tiempo para construir su contenido. Los objetos que usas frecuentemente se pueden registrar como Favoritos para reutilizarlos en otros proyectos también.
Formatos compatibles
- Imágenes — PNG, JPG, WEBP. También compatible con PNG transparentes (ilustraciones con fondo transparente) para usar como ilustraciones alternas de personajes. También puedes generar figuras como círculos, globos de diálogo, flechas o corazones al instante, sin necesidad de preparar un archivo de material (consulta «Crear figuras al instante» más abajo)
- Video — MP4 (H.264) / WebM (VP9). Se importa como un videoclip silencioso de bucle corto (consulte la sección «Agregación de materiales de video» a continuación)
- Audio — MP3, WAV, AAC. También compatible con archivos de audio más grandes de más de 30MB. Además de agregar archivos, también puedes grabar voz o narración en vivo con el micrófono mientras se reproduce el audio principal (ver «Grabación de audio con micrófono» más abajo). También puedes crear efectos de sonido como aplausos, aclamaciones y sonidos de corrección/error al instante sin preparar archivos y agregarlos directamente (ver «Crear efectos de sonido al instante» más abajo)
- Texto — Ingresa directamente letras, subtítulos, guiones de narración, etc.
- Emoji/Kaomoji — Elige un emoji o emoticono de una categoría y colócalo en el lienzo. Es ligero porque no añade un archivo de imagen. Como otros activos de texto, soporta operaciones de movimiento, escala, rotación y fotogramas clave. Los sellos usados recientemente se guardan en «Usados recientemente» en el navegador para facilitar la reselección
- Líneas (escritura a mano / dibujo de líneas) — «Dibujar a mano» te permite dibujar en tiempo real con un dispositivo de entrada de lápiz, ratón o táctil, y los trazos se graban tal cual. Si eliges «Con animación», se graba de forma sincronizada con la reproducción del audio principal, igual que la grabación de audio con micrófono. El color, grosor y forma del extremo de los trazos grabados se pueden cambiar posteriormente (ver «Configuración de trazos de escritura a mano» más abajo). También puedes elegir «Dibujo de líneas» para generar líneas —rectas, onduladas, flechas, líneas de enfoque y más— al instante sin necesitar ningún archivo de material (ver «Crear dibujos de líneas al instante» más abajo)
- Efectos — Agrega efectos de partículas como lluvia, nieve, pétalos/hojas caídas o confeti a la línea de tiempo. No necesitas ningún archivo — solo elige un preset (consulta «Agregación de material de efectos» más abajo)
Crear figuras al instante (generar imágenes sin materiales)
Al abrir «Crear y agregar figura» en la pestaña de imágenes, puedes generar figuras —círculos, cuadrados, globos de diálogo, flechas, corazones, estrellas, notas musicales y más— como una imagen PNG al instante con solo elegir unas cuantas opciones, sin necesitar ningún archivo de material externo, y agregarla directamente. La selección se hace en 3 pasos («① Tipo → ② Figura → ③ Apariencia»), revisando una vista previa en vivo mientras ajustas el color de relleno, el contorno, el estilo 3D (4 opciones: Plano / Abultado / Extruido / Brillante), la opacidad y más. En el paso de «Apariencia», el botón «Aleatorio» de cada apartado puede proponer una combinación completa de una sola vez, y puedes desactivar el icono de dado de elementos concretos para excluirlos del sorteo aleatorio. Con los seis botones de «Ajustar el color a ojo» (Claro / Oscuro, Vivo / Suave, Cálido / Frío) puedes acercar poco a poco el color elegido al azar a la dirección que quieras. Cuando hay varios colores que ajustar, como el relleno y el contorno, primero elige una muestra de color y luego pulsa el botón. Cuando el relleno es un degradado, elige «Juntos» al inicio de las muestras de color para mover el color inicial y el color final a la vez (un color que ya ha llegado a su límite no se mueve; solo se mueven los que aún pueden cambiar). Un botón cuya dirección ya no puede avanzar queda desactivado, y «Deshacer» te permite volver atrás en cualquier momento. Las figuras generadas se guardan en el proyecto igual que cualquier otro material de imagen, por lo que después puedes ampliarlas, moverlas o aplicarles efectos.
Crear efectos de sonido al instante (generar sonidos sin materiales)
Al abrir «Crear un sonido» en la pestaña de audio, puedes crear efectos de sonido —aplausos, aclamaciones, murmullos, sonidos de corrección/error, tambores, explosiones, lluvia, viento, ondas, campanas, redobles de tambor y más— sin necesitar ningún archivo de material externo, simplemente eligiendo entre opciones. La selección se hace en 3 pasos («① Tipo → ② Sonido → ③ Cómo suena»), ajustando la duración, densidad (cantidad de ruido), tono y ambiente de reverberación (sin reverberación / interior / sala grande / exterior) mientras revisas una vista previa en vivo con visualización de forma de onda y botón de reproducción (la reproducción se repite y continúa hasta que presiones detener o cierres el panel. Si cambias la configuración durante la reproducción, no se detendrá, sino que cambiará al nuevo sonido). Para sonidos de personas o naturales, especificas la duración en segundos; para sonidos cortos como tonos de corrección/error o tambores, ajustas la «longitud de cola» (duración del reverb). Los sonidos generados se crean según tu especificación de duración exacta con uniones sin fisuras, sonando natural. En el paso de «Cómo suena», el botón «Aleatorio» puede proponer una combinación completa de una sola vez, y el botón «Variante diferente» genera una variación distinta manteniendo los mismos parámetros. Puedes desactivar los iconos de dado de elementos concretos para excluirlos del sorteo aleatorio (mismo mecanismo que al crear figuras al instante). Los sonidos generados se guardan en el proyecto como cualquier otro material de audio y se pueden ajustar después con control de volumen, recorte, efectos y más. De forma predeterminada se agregan a la pista de efectos de sonido, pero los sonidos naturales como lluvia y viento van a la pista de BGM (puedes cambiar esto con la opción «Agregar a pista»). Generar sonidos más largos puede tomar un momento, con el progreso mostrado en la pantalla.
Crear dibujos de líneas al instante (generar líneas sin materiales)
Al elegir «Dibujo de líneas» en la pestaña de líneas, puedes generar líneas —rectas, onduladas, flechas, punteadas, líneas de enfoque, rayos, lluvia, marcas de verificación y más— como un trazo de escritura a mano al instante con solo elegir unas cuantas opciones, sin necesitar ningún archivo de material externo. La selección se hace en 3 pasos («① Tipo → ② Forma → ③ Configuración»), revisando una vista previa en vivo mientras ajustas el color de la línea, el grosor, el tipo de pluma (pluma manga / pluma redonda / pincel / marcador / lápiz), la cantidad, el espaciado, la simetría, el afilado de puntas y más. Puedes elegir entre «Animado» (recrea el trazo de la línea sincronizado con la reproducción) o «Fijo» (coloca la línea terminada tal cual) como formato de salida; al elegir «Animado», la vista previa también se reproduce en bucle con el mismo orden y tiempo de trazado. Para figuras con varias líneas, el «Orden de trazado» (de izquierda a derecha / del centro hacia afuera / de afuera hacia el centro / aleatorio) y el «Desfase» te permiten ajustar cómo se dibuja cada línea una tras otra. En el paso de «Configuración», el botón «Aleatorio» de cada apartado puede proponer una combinación completa de una sola vez, y puedes desactivar el icono de dado de elementos concretos para excluirlos del sorteo aleatorio (el mismo mecanismo usado para figuras y efectos de sonido). Las líneas generadas se guardan en el proyecto igual que cualquier otro trazo de escritura a mano, por lo que después puedes cambiar su color, grosor y otros ajustes.
Favoritos
Haz clic con el botón derecho (o presiona prolongadamente) en un objeto del lienzo y selecciona «Otros ▶ Agregar a Favoritos» para registrarlo con un nombre de grupo. Los objetos registrados se pueden seleccionar y recolocar desde la pestaña «Favoritos» del panel «Agregar materiales», filtrando por grupo. La posición de colocación se recalcula según el centro del lienzo y la posición de reproducción actual, por lo que puedes reutilizarlos sin preocuparte por la posición o el tiempo original. Los Favoritos de imágenes, letras y objetos de texto se guardan en su totalidad dentro del navegador, por lo que se pueden recuperar en otros proyectos también. Los Favoritos no se guardan en el archivo del proyecto, sino en el navegador (dispositivo).
Reemplazar archivos de materiales colocados
Haz clic con el botón derecho (o presiona prolongadamente) en un objeto de imagen, video (ilustración animada) o audio colocado (BGM o voz principal) en el lienzo y selecciona «Reemplazar imagen/video/audio...» para abrir un diálogo de selección de archivos y reemplazar el contenido con el nuevo archivo seleccionado. Se mantienen todas las demás configuraciones —posición, escala, animaciones, fotogramas clave y más—, por lo que es útil cuando quieres cambiar solo el contenido mientras conservas el mismo efecto. Esta operación se puede deshacer con «Deshacer» (Ctrl+Z / Cmd+Z) como cualquier otro cambio. Nota: si agregas un archivo diferente con el mismo nombre de archivo original, en lugar de sobrescribir se guardan ambos automáticamente con nombres distintos (por ejemplo, si agregas dos fotos tomadas con el mismo nombre una tras otra, ninguna desaparecerá).
Agregación de materiales de video (videoclip silencioso de bucle)
Agregue un archivo de video (MP4 / WebM) desde la pestaña «Video» para colocarlo en la línea de tiempo como un «videoclip móvil» (una ilustración con movimiento) sin audio, que se reproduce en bucle. Es ideal para usar videos cortos con movimiento en lugar de fotos e ilustraciones estáticas. La duración máxima es de 10 segundos; los videos que superan los 10 segundos se recortan a los primeros 10 segundos. La pista de audio se elimina automáticamente durante la importación, así que si desea usar el audio, consulte «Extracción de audio de archivos de video» a continuación o agregue audio por separado desde la pestaña «Audio». iOS Safari no es compatible con WebM (VP9), por lo que en iOS, solo MP4 (H.264) es confiable.
Extracción de audio de archivos de video
Si agrega un archivo de video como MP4 (grabación de pantalla de Android) o MOV (grabación de pantalla de iOS) desde la pestaña «Audio», la parte de video se ignora y solo se extrae la pista de audio automáticamente, importándose como material de audio normal (BGM o audio principal). No es necesario cortar la película en un editor de video. En PC, puedes arrastrar archivos directamente a la aplicación. En teléfonos inteligentes, usa el selector de archivos (diálogo de selección de archivos) en lugar de arrastrar y soltar, ya que el arrastrar y soltar no funciona bien en dispositivos táctiles. Si desea usar el video en sí como elemento visual, use la sección «Agregación de materiales de video» anterior (importación como videoclip silencioso de bucle).
Grabación de audio con micrófono
Puedes reproducir la pista de audio principal (acompañamiento / base) en el navegador mientras simultáneamente grabas tu voz o narración con un micrófono. La compatibilidad se determina automáticamente según el navegador, y si el navegador no es compatible, la interfaz de grabación no se muestra. Además de Chrome y Edge, Firefox también es compatible, y Safari (iOS / macOS) también es compatible con grabación en formato MP4. El audio grabado se trata igual que los demás activos de audio añadidos en las operaciones de colocación y ajuste de tiempo posteriores. El audio grabado también está bajo el diseño sin servidor de KiraNeiro y no se envía a servidores de KiraNeiro.
Acerca de las conexiones de micrófono
Para grabar, se recomienda usar el micrófono integrado de tu computadora o un micrófono con cable en lugar de un micrófono Bluetooth (inalámbrico). Las conexiones Bluetooth pueden ser inestables, lo que podría causar que se pierdan partes del audio grabado, resultando en una grabación más breve que el tiempo real que grabaste.
Agregación de material de efectos (lluvia, nieve, pétalos, confeti y otros efectos de partículas)
Desde la pestaña «Efectos», simplemente elige un preset —lluvia, nieve, pétalos/hojas caídas o confeti— para agregar un efecto de partículas a la línea de tiempo. No necesitas seleccionar ningún archivo; se coloca de inmediato con la configuración predeterminada. Después de agregarlo, usa el panel de propiedades a la derecha para ajustar el color, la opacidad, la densidad (cantidad de partículas), la velocidad, el tamaño, la fluctuación y los parámetros específicos de cada preset (como el ángulo de la lluvia o la fuerza del viento de la nieve). En el cuadro de diálogo de configuración de efectos, los seis botones de «Ajustar el color a ojo» (Claro / Oscuro, Vivo / Suave, Cálido / Frío) también permiten acercar poco a poco el color elegido al azar, y «Deshacer» te permite volver atrás en cualquier momento. Para lluvia, nieve, pétalos/hojas caídas, confeti, burbujas, destellos y cielo estrellado, al activar la casilla "Profundidad" cada partícula varía en tamaño y opacidad para un efecto más tridimensional. Los efectos se pueden usar tanto como capa de fondo como de primer plano — no hay una casilla dedicada para esto; en su lugar, usa los mismos controles de orden de capas que otros objetos (en el menú contextual, «Traer al frente» / «Enviar al fondo»). Por ejemplo, puedes colocar nieve cayendo delante de un personaje, o lluvia llenando todo el fondo.
Configuración de trazos de escritura a mano
Al agregar escritura a mano, puedes elegir entre tres métodos de dibujo. «Iniciar escritura animada» graba de forma sincronizada con la reproducción del audio principal y reproduce el orden y la velocidad originales de los trazos durante la reproducción. «Iniciar escritura estática» no está sincronizado con la reproducción de audio: dibujas libremente a tu propio ritmo y se coloca como una imagen estática. «Dibujar a tu propio ritmo y convertir en animación» también te permite dibujar libremente a tu propio ritmo, igual que el método estático, pero al terminar se convierte automáticamente en escritura animada con una velocidad de trazo constante y una breve pausa entre trazos (útil cuando quieres dibujar a tu propio ritmo pero que se reproduzca como una animación fluida y de velocidad constante). Ninguno de estos métodos se puede cambiar por otro después de la creación. El color, el grosor, el extremo de línea (redondo / cuadrado / sin proyección) y el tipo de pluma (pluma G, pluma redonda, pincel, marcador, lápiz) se pueden ajustar desde el mismo cuadro de diálogo de configuración, tanto como ajustes predeterminados antes de iniciar la grabación como cambios posteriores en trazos ya grabados. La función «Aleatorio» del cuadro de diálogo también puede sugerir combinaciones aleatorias de color, grosor, extremo de línea y tipo de pluma. En la parte superior del cuadro de diálogo, en la pestaña «Sencillo» (la que se muestra al abrirlo), en «Ajustar el color a ojo», puedes elegir una muestra de color y pulsar simplemente uno de los botones «Claro» / «Oscuro», «Vivo» / «Suave» o «Cálido» / «Frío» para ajustar a ojo el color determinado al azar (si usas un degradado, elige el color inicial y el color final y ajústalos. Elige «Juntos» al inicio de las muestras de color para mover el color inicial y el color final a la vez; los ajustes hechos con «Juntos» también se pueden deshacer con un solo «Deshacer»). Para introducir códigos de color directamente o configurar el uso y la dirección del degradado, cambia a la pestaña «Detallado».
Configuración de animación de trazos de escritura a mano
Los trazos grabados «con animación» pueden tener su movimiento de aparición cambiado después de la grabación. Haz clic derecho en el objeto y selecciona «Movimiento ▶ Animación del trazo» para configurar dos cosas: «Movimiento» (ya sea «Dibujar» — la línea se dibuja progresivamente — o «Borrar» — la línea terminada se borra progresivamente) e «Orden» («Orden original» = exactamente como se grabó; «Invertir todo» = aparece comenzando desde la parte dibujada al último; «Invertir el orden de los trazos» = cada trazo individual se dibuja como se hizo, pero los trazos se reproducen en orden inverso). El cuadro de diálogo tiene una vista previa animada en vivo con un botón de reproducción. Debido a que los trazos largos toman tiempo a velocidad normal, la velocidad de vista previa se puede ajustar de 1x a 10x (esto solo afecta la vista previa, no la velocidad de reproducción de la obra terminada). Los trazos grabados «sin animación» no cambian con el tiempo, por lo que esta configuración no se muestra para ellos. Para cambiar la velocidad de reproducción real de la obra terminada, introduce un valor de «Velocidad de reproducción» (por defecto 1x, cualquier valor mayor que 0 hasta 10x con hasta 2 decimales) en la parte superior del cuadro de diálogo «Animación del trazo» o en el panel de propiedades a la derecha; ambos editan el mismo ajuste y sí afectan a la reproducción, la exportación y el visor (a diferencia de la velocidad de vista previa anterior). Si reduces tanto la velocidad que el trazo no terminaría de dibujarse antes de que el objeto desaparezca, su duración de visualización se amplía automáticamente.
04
Operaciones básicas de la línea de tiempo
En la línea de tiempo en la parte inferior de la pantalla, coloca y ajusta múltiples pistas (imagen, texto, audio) a lo largo del eje de tiempo.
Operaciones básicas
- Pantalla multipista (mostrar simultáneamente varias imágenes, texto y audio)
- Arrastra el cabezal de reproducción (línea vertical que muestra la posición actual) para ver y editar desde cualquier posición
- Arrastra el marcador de fin punteado naranja al final de la línea de tiempo para ajustar la duración total del contenido. También se puede cambiar ingresando un valor numérico en el campo 'Duración total' del panel de propiedades
- Zoom in / out en pistas para cambiar entre ajuste detallado y visión general
- Reordenar pistas (arrastrando) para controlar la relación de profundidad (orden Z) — las pistas más altas aparecen adelante
- Función de ajuste — se adhiere automáticamente a la cuadrícula o bordes de otros objetos para ayudar con la alineación
- Deshacer / Rehacer es prácticamente ilimitado (deshacer más de 20 operaciones anteriores)
- Guardado automático — el contenido editado se guarda automáticamente en tiempo real en el navegador y se puede restaurar después de recargar
Grabación automática de fotogramas clave
No necesitas hacer clic en un botón explícito de "agregar fotograma clave". Cuando arrastras un objeto en el lienzo para moverlo, escalar o rotar, se registra automáticamente un fotograma clave en la posición actual de la línea de tiempo. El movimiento entre fotogramas clave se interpola con una curva de Bézier, y también puedes elegir movimientos que comienzan y terminan gradualmente (ease-in/ease-out). También puedes configurar reproducción en bucle (repetir una sección especificada) para cada objeto.
05
Edición de apariencia (operaciones en el lienzo)
Manipula objetos directamente en el lienzo en el centro de la pantalla para cambiar su posición, tamaño, rotación y apariencia (opacidad, imagen, efectos) a lo largo del tiempo.
Seleccionar y manipular objetos
Haz clic en un objeto en el lienzo para seleccionarlo. Arrastra el objeto para moverlo, usa los controles en los bordes para redimensionarlo o rotar. Puedes seleccionar múltiples objetos simultáneamente para moverlos juntos o cambiar su escala como un grupo.
Animaciones preestablecidas
Para la entrada y salida de objetos, hay animaciones predefinidas (entrada con rebote, entrada rotatoria, entrada deslizante, etc.) que se pueden aplicar con un clic. Al aplicarse, se generan automáticamente múltiples fotogramas clave para posición, escala, rotación y opacidad, que luego se pueden ajustar manualmente según sea necesario.
Cambio de ilustraciones alternas
Para el mismo objeto de personaje, puedes cambiar qué imagen se muestra en cada momento. Puedes lograr variantes de expresión o sincronización labial colocando simplemente múltiples imágenes en secuencia dentro de un objeto.
Animación de opacidad y escala
Puedes cambiar la opacidad y escala de cada objeto en el tiempo (desvanecimiento de entrada, desvanecimiento de salida, etc.). También puedes establecer libremente el color de fondo y la imagen de fondo del lienzo.
Efectos de imagen
Puedes aplicar efectos visuales a objetos de imagen como desenfoque, sepia, escala de grises y corrección de color seleccionando desde presets. Cuando seleccionas un preset, los parámetros se establecen automáticamente y luego puedes realizar ajustes finos individuales. Los efectos que consumen muchos recursos se pueden activar/desactivar para que funcionen de manera fluida incluso en computadoras económicas (como Chromebook).
06
Edición de texto y letra
Letras, subtítulos y narraciones se tratan como "párrafos / líneas" en bloques unitarios, permitiendo ajustar los tiempos de visualización a nivel de bloque.
Ajuste de temporización a nivel de bloque
Cada línea de letra o párrafo de texto se trata como una ranura de tiempo unitaria, permitiendo ajustar individualmente los tiempos de inicio y fin de visualización. Puedes previsualizar y ajustar finamente si la letra aparece sincronizada según el tiempo mientras la música se reproduce. Los bloques de texto se pueden arrastrar por el cuerpo para mover su posición en el eje de tiempo, pero no se pueden estirar/encoger los bordes izquierdo y derecho (el ancho del bloque se determina por el contenido y la temporización). Agregar o eliminar líneas cambia la correspondencia de ranuras de tiempo, por lo que se recomienda verificar el panel de temporización después de editar contenido. Los bloques de texto, letra y prosa se pueden abrir mediante doble clic en el lienzo (o doble toque en dispositivos táctiles) para acceder directamente al diálogo de edición de contenido.
Fuente y decoración
Puedes establecer libremente la fuente, color de texto y tamaño, además de agregar animaciones de desvanecimiento de entrada/salida. También puedes establecer estilos de texto decorativos combinando relleno degradado, sombras y contornos, y la función "aleatorio" en el diálogo de configuración de fuente sugiere decoraciones también aleatoriamente. Con los seis botones de «Ajustar el color a ojo» (Claro / Oscuro, Vivo / Suave, Cálido / Frío) también puedes acercar poco a poco los colores del texto, el contorno, el degradado y la sombra. Elige el color que quieras ajustar entre las muestras de color; un botón cuya dirección ya no pueda avanzar queda desactivado. Cuando el relleno es un degradado, elige «Juntos» al inicio de las muestras de color para mover el color inicial y el color final a la vez. Puedes volver atrás en cualquier momento con «Deshacer» (los ajustes hechos con «Juntos» también se deshacen en un solo paso). Las opciones de fuentes se filtran automáticamente de forma predeterminada para coincidir con el idioma de visualización de la aplicación (por ejemplo, si el idioma de visualización es japonés, solo se muestran fuentes japonesas y fuentes de alfabeto latino). Si deseas usar fuentes para otros idiomas, agrega las a través de 'Modo de visualización' dentro del menú '?' de la barra de herramientas.
Síntesis de voz (característica integrada del navegador)
Cada bloque de texto, letra o párrafo puede tener configurada individualmente la síntesis de voz integrada del navegador. Esta función es solo activa durante la reproducción en la exportación de visor HTML y nunca se incluye en exportaciones MP4. Las opciones de voz se limitan a voces locales que no envían texto a servidores externos. Si no hay voces locales disponibles en tu dispositivo, la función de síntesis de voz en sí no funcionará. El comportamiento varía según la combinación de navegador y SO, y no se garantiza la compatibilidad con Safari en iOS (consulta la sección Navegadores compatibles).
07
Procesamiento de audio
Reducción de ruido
Puedes aplicar un filtro a la pista de audio principal que reduce el ruido ambiental que se recogió durante la grabación.
Efectos de sonido
Puedes aplicar efectos de sonido como reverberación a la pista de audio principal. El efecto se refleja igual en vista previa, exportación y reproducción después de publicar. Los efectos que consumen muchos recursos se pueden activar/desactivar para que funcionen de manera fluida en computadoras económicas.
08
Guardar y carpeta de trabajo
Guardado automático → Carpeta de trabajo (interna)
KiraNeiro guarda automáticamente el contenido editado en la carpeta de trabajo dentro del navegador (Origin Private File System). Esta área no es visible desde el Explorador de archivos o Finder.
Ctrl+S → Archivo .kneiro
Ctrl+S (o "Archivo → Guardar como") exporta el proyecto como archivo .kneiro en la ubicación que elijas. Este es el archivo de proyecto transportable y compartible. El guardado automático no actualiza este archivo. Si deseas continuar editando en otro dispositivo o deseas mantener una copia de seguridad, guarda explícitamente el archivo de esta manera.
09
Formatos de exportación
Guardar como (.kneiro) — Archivo de proyecto
Guarda el proyecto completo para re-edición posterior. Abre este archivo nuevamente en KiraNeiro para continuar editando.
Exportar video (MP4)
Renderiza el proyecto a MP4 usando la API WebCodecs cuando está disponible (máximo 1920×1080, sin límite de exportación). En entornos sin soporte para WebCodecs (Firefox, algunas versiones de Safari, incluyendo iOS Safari), la exportación cambia automáticamente a la API MediaRecorder para exportar a MP4 o WebM, por lo que también es posible MP4 en iOS a través del método alternativo. Solo cuando ninguna de las dos opciones está disponible, la exportación reporta un error. La exportación puede tomar varios minutos. Este es el archivo terminado para publicar en YouTube, TikTok, etc.
Las exportaciones a MP4 usan el códec de video H.264 (AVC). En la mayoría de los casos —publicar un video usted mismo, o distribuirlo/usarlo comercialmente en sitios web habituales— no necesita gestionar ninguna licencia de patente por separado.
*Dicho esto, ciertos usos comerciales, como la distribución a gran escala a través de servicios de video de pago o la venta masiva como contenido de pago, pueden requerir una licencia separada.
En algunos entornos, el navegador puede pedirle que acepte términos adicionales relacionados con AVC al iniciarse — esto tiene que ver con las condiciones de uso propias del navegador y no restringe el uso que puede dar al video exportado.
Compartir HTML — Tipo externo
Tamaño de archivo pequeño. El motor de reproducción se carga desde kiraneiro.chronovis-software.com en tiempo de ejecución, por lo que requiere conexión a internet. Las actualizaciones del motor se aplican automáticamente. También en iOS se puede exportar desde el botón de exportación. Sin embargo, iOS Safari no tiene forma de abrir un archivo HTML local en un contexto ejecutable del navegador, por lo que cuando lo abre con la aplicación Archivos, aparece una pantalla de guía de reproducción — siga el enlace a kiraneiro.chronovis-software.com/view y luego vuelva a seleccionar el mismo archivo para reproducirlo (el mismo procedimiento funciona si recibe el archivo desde una computadora/PC y lo abre en iPhone/iPad).
Compartir HTML — Tipo independiente
Archivo más grande (~256 KB + datos del proyecto). El motor de reproducción está completamente integrado — funciona sin conexión y no se ve afectado por cambios en el servidor. Incluso si la API del motor de reproducción se actualiza en el futuro, el contenido de los archivos exportados con este método no cambiará. También en iOS se puede exportar desde el botón de exportación. El procedimiento para abrir y reproducir el archivo es el mismo que en el tipo externo anterior.
Exportar como APNG
Exporta un PNG animado (APNG). Puedes configurar libremente el número de fotogramas (2–120), el número de bucles (también se puede especificar infinito) y el número de colores. Admite la configuración «Hacer transparente el fondo» — si está activa, se exporta con fondo transparente; si está desactiva, se exporta con el color de fondo configurado. Cuando especificas un tamaño de archivo objetivo, se muestra un botón «Calcular» que te permite calcular el número de fotogramas que se ajusta a ese tamaño (sin especificar, se exporta inmediatamente al pulsar «Exportar»).
10
Publicar y compartir
KiraNeiro solo aloja el "motor de reproducción" y no gestiona el almacenamiento de contenido en sí. Puedes compartir de dos formas: compartiendo una URL que apunta a un archivo en tu almacenamiento, o enviando el archivo exportado directamente.
Compartir mediante URL
URL-codifica la URL del archivo `.kneiro` publicado en tu propio almacenamiento (como GitHub) y especifica la URL en el formato https://kiraneiro.chronovis-software.com/view?src={URLPúblicaDelArchivoKneiro} para que funcione como página de reproducción. Puedes pegar esta URL directamente en redes sociales. Deliberadamente no incluimos OGP (vista previa de tarjeta de enlace), asumiendo que los creadores compartirán su propia imagen y texto.
Compartir archivo
Puedes enviar el archivo exportado (.kneiro o archivo HTML compartido) directamente a través de aplicaciones de chat, correo electrónico, unidad USB u otros medios sin necesidad de URL. El destinatario simplemente abre o selecciona el archivo en el visor de KiraNeiro para reproducirlo localmente; este método comparte de forma privada con una persona específica sin publicar en ningún lugar.
Incrustar (iframe)
Puedes incrustar solo el motor de reproducción en tu sitio web usando <iframe src="https://kiraneiro.chronovis-software.com/embed?src={URLPúblicaDelArchivoKneiro}">. La ruta /embed muestra una apariencia minimalista con solo la barra de control.
Restricción CORS de almacenamiento
El visor obtiene directamente el contenido de la URL especificada, por lo que el almacenamiento en la nube de destino debe permitir CORS (solicitudes entre orígenes). GitHub (GitHub Pages y distribución de archivos sin procesar) es compatible, pero los enlaces compartidos de Google Drive y Dropbox pueden no funcionar debido a restricciones de CORS. Además, como el visor se distribuye sobre https, la URL especificada también debe ser https; una URL http será bloqueada por las restricciones de contenido mixto del navegador.
11
Instalar como PWA
KiraNeiro se puede instalar como una aplicación (PWA: Progressive Web App).
- Chrome / Edge de escritorio — Desde el indicador de instalación del navegador, agrega la aplicación a tu escritorio o barra de tareas
- Android Chrome — De manera similar, desde el indicador de instalación del navegador (Agregar a pantalla de inicio) se puede instalar como una aplicación
- iOS Safari — El navegador no muestra un indicador de instalación automático, pero desde el menú de compartir puedes seleccionar "Agregar a pantalla de inicio" para instalar manualmente, y luego puedes ejecutar con una apariencia similar a una aplicación
- Después de instalar, se ejecuta con una apariencia de aplicación sin la UI del navegador (barra de direcciones, etc.)
- El cuerpo de la aplicación (HTML/JS/CSS) se almacena en caché por Service Worker, permitiendo abrir el editor y continuar editando proyectos existentes incluso sin conexión
- La reproducción sin conexión del visor no es compatible (es necesario obtener el archivo
.kneiroexterno cada vez)
12
Grabación de movimiento
Cómo grabar puntos de movimiento en vivo
Presiona el botón de grabación para iniciar la reproducción. Mientras se reproduce, arrastra objetos en el lienzo para grabar su movimiento en tiempo real. Permite capturar movimiento natural sincronizado con la música más rápidamente que establecer fotogramas clave manualmente.
La duración de visualización se extiende automáticamente
Mientras grabas movimiento arrastrando, la grabación continúa incluso después de que pasa el tiempo de finalización original del objeto. El objeto no desaparecerá a mitad del arrastre — puedes seguir arrastrando hasta terminar. Cuando confirmas, la duración de visualización del objeto se extiende automáticamente hasta cuando terminaste de arrastrar y se guarda, reflejándose en los vídeos exportados y la reproducción en el visor. Si cancelas el diálogo de confirmación o no se grabó movimiento, la duración de visualización original se mantiene igual.
Diálogo de confirmación — 3 modos
Cuando detienes la grabación, aparece un diálogo de confirmación.
- Como está — mantiene la trayectoria exacta tal como fue grabada
- Lineal — simplifica la trayectoria a segmentos rectos
- Suave — ajusta una curva suave a través de los puntos grabados
Grabar tiempos de visualización de letra/prosa en modo grabación
Puedes usar el modo de grabación para cambiar cuándo aparece cada línea de un bloque de letra o prosa. Presiona el botón de grabación para iniciar la reproducción, y haz clic (o toca) el botón "Siguiente" en el momento exacto en que deseas que aparezca cada línea. Los tiempos se actualizan en tiempo real. Este método es más intuitivo que ingresar códigos de tiempo manualmente.
Justo después de empezar a grabar, la letra / la prosa no se muestran en pantalla (estado de espera). Pulsa «Siguiente» por primera vez en el momento en que quieras que aparezca el texto, por ejemplo cuando empieza el canto. La primera línea (o el primer párrafo en prosa) empieza a mostrarse en ese momento. Cada «Siguiente» posterior pasa a la línea siguiente.
Durante la grabación puedes cambiar de modo con el conmutador «Tiempo / Movimiento». En el modo «Movimiento» el botón «Siguiente» se desactiva: los tiempos de visualización se mantienen tal cual y solo grabas el movimiento de posición, tamaño y rotación.
13
Limitaciones conocidas y solución de problemas
¿Por qué no puedo colocar BGM?
KiraNeiro verifica que la duración efectiva del archivo de audio quepa dentro de la ranura de colocación (hasta el inicio del siguiente elemento BGM, o hasta el final de la línea de tiempo para el último elemento). Si la duración del archivo de audio es más larga que la ranura, la colocación se rechaza.
Solución: usa un archivo de audio más corto o ajusta la posición de inicio de BGM para hacer la ranura más grande.
¿Cuándo aparece "Actualizar duración de reproducción"?
Si todos los objetos del proyecto tienen un punto final y el valor máximo del punto final difiere de la duración del proyecto, el menú Archivo muestra "Actualizar duración de reproducción". Al hacer clic, el tiempo de finalización del proyecto se ajusta al punto final del objeto más lejano. Esto sucede comúnmente cuando extiendes objetos pero olvidas ajustar el tiempo del proyecto.
Funcionalidades no compatibles (intencionalmente fuera de alcance)
- Edición simultánea en tiempo real por múltiples usuarios
- Generación automática de animaciones con IA (priorizamos animar tus propios dibujos)
- Síntesis de voz o generación de voces (para la creación de contenido de audio y generación de voces dentro del video; sin embargo, la síntesis de voz integrada del navegador es compatible solo en exportaciones de visor HTML, consulta Edición de texto y letra arriba)
- Características de comunidad como comentarios, me gusta, galería de obras
- Carga directa a YouTube, Niconico, etc.
- OCR o generación automática de tiempos de letra (el ajuste de tiempo es manual)
- Función para hacer fondo transparente en imágenes
Para obtener información sobre navegadores y ambientes compatibles con el editor, consulta la sección "Navegadores compatibles".