KiraNeiro
Ajuda
O KiraNeiro é um aplicativo web gratuito que permite criar conteúdo dinâmico leve combinando música, ilustrações, texto e voz, sem a necessidade de usar software de edição de vídeo. Esta página explica o que você pode fazer, como usar, como funciona e os pontos comuns de confusão.
00
O que é KiraNeiro
Uma ferramenta para transformar música, arte, texto e voz em conteúdo dinâmico sem precisar aprender a usar software profissional de edição de vídeo.
Problema que resolve
Criadores que possuem conteúdo expressivo como músicas, ilustrações, texto e narração enfrentam a dificuldade de precisar aprender e investir em software de edição de vídeo apenas para transformar esse conteúdo em vídeo. Os editores de vídeo existentes são projetados em torno de arquivos de vídeo e são pesados demais para o uso diário por criadores individuais. O KiraNeiro elimina essa barreira, oferecendo um ambiente de produção leve onde você pode começar simplesmente abrindo um navegador.
Tipos de conteúdo que você pode criar
| Tipo | Descrição | Usuários principais |
|---|---|---|
| Videoclipe (MV) | Mover ilustrações e letras de acordo com a música | Cantautores, produtores Vocaloid, ilustradores |
| Vídeo explicativo | Sincronizar narração de áudio com diagramas e texto | Criadores de educação e conteúdo explicativo |
| História curta | Combinar texto, áudio de narração e ilustrações | Escritores, criadores de conteúdo de narração |
| Vídeo de leitura em voz alta | Sincronizar áudio de narração com exibição de texto | Autores, criadores de audiolivros |
| Livro ilustrado | Compilar múltiplas páginas de ilustrações, texto e áudio em uma única obra | Autores de livros ilustrados, criadores de quadrinhos |
| Foto com voz | Combinar uma única foto com um único arquivo de áudio na configuração mais simples | Compartilhamento de memórias, usuários gerais |
Filosofia de design (diferenças em relação a outros softwares de edição de vídeo)
- Visualização de música — Em vez de exibições que não fazem sentido como ondas sonoras, visualiza volume e BPM em cores e formas, tornando o trabalho de sincronizar arte e som mais intuitivo (visualização de progressão de acordes não é suportada no momento)
- Mover suas próprias ilustrações — Em vez de gerar vídeo do zero com IA, a filosofia é fazer suas próprias ilustrações e personagens serem os protagonistas e se moverem. Enfatiza ser capaz de reutilizar ilustrações e mundos existentes
- Formato leve — O arquivo de projeto para reedição (.kneiro) não é um arquivo de vídeo, mas uma combinação de JSON e arquivos de ativos, mais leve que um arquivo de vídeo e mais expressivo que uma imagem estática. O app também pode exportar como vídeo MP4 para compartilhamento no YouTube, TikTok etc. (consulte "Formatos de exportação")
- Edição de letras e texto baseada em estrutura — Trata letras e texto como "blocos" em nível de parágrafo e linha, permitindo ajustar o tempo de exibição para cada bloco
- Assistentes específicos por tipo de conteúdo — Oferece fluxos de criação otimizados (assistentes) para cada tipo de conteúdo como MV, livro ilustrado e foto com voz, na parte superior do editor de linha do tempo comum
Design sem servidor (consideração com direitos autorais e privacidade)
O KiraNeiro fornece apenas o "mecanismo de reprodução (visualizador)" e nunca envia nem armazena os arquivos de mídia que você carrega no navegador nos servidores do KiraNeiro — tudo acontece localmente no navegador do seu computador. O conteúdo criado é salvo no armazenamento local do próprio usuário ou em armazenamento em nuvem gerenciado pelo próprio usuário (como GitHub). Portanto, a responsabilidade de gerenciar direitos autorais e escopo de compartilhamento do conteúdo é do próprio usuário.
Preço
Disponível completamente grátis sem limitações de recursos (método de suporte voluntário). Na tela após a exportação do vídeo, você pode escolher opcionalmente entre fazer uma doação ou compartilhar em redes sociais como forma de apoiar o projeto, mas isso não é obrigatório e não aparecerá durante a produção.
01
Ambientes compatíveis
Editor (tela de edição)
- Windows com Edge Compatível (ambiente principal alvo)
- Android com Chrome Compatível (ambiente principal alvo, interface para toque)
- iPad com Safari Compatível (ambiente principal alvo, interface para toque)
- Outros (Windows/Mac/ChromeOS com Chrome, Mac com Edge, iPhone Safari, macOS Safari, Firefox etc.) Funciona mas não verificado
Realizamos testes de funcionamento em três ambientes principais: Windows + Edge, Android + Chrome e iPad + Safari. Outras combinações de navegador/SO não são bloqueadas pelo código (não há bloqueio explícito), mas não foram verificadas formalmente para compatibilidade. Entenda que estes ambientes estão em estado "não verificado" em vez de "confirmadamente não suportado".
Ao adicionar material de vídeo (MP4/WebM), o formato WebM (VP9) não pode ser reproduzido no Safari do iOS devido a limitações do sistema operacional. Quando usar material de vídeo no iOS, utilize MP4 (H.264).
Visualizador (apenas reprodução)
A página de visualizador para reproduzir conteúdo após publicação funciona em navegadores principais (Chrome, Edge, Firefox e Safari) em desktop e mobile. A reprodução não requer APIs especiais como necessárias no lado de produção, então o ambiente do visualizador não tem restrições.
02
Primeiros passos (criar projeto)
Do botão "Abrir editor" na página inicial, você entra na tela de criação de projeto onde escolhe o tipo de conteúdo que deseja criar.
Tipos de projeto que você pode criar
| Tipo | Fluxo do assistente |
|---|---|
| MV com letras | Adicionar música (áudio) → Adicionar ilustração de personagem e fundo → Inserir texto de letras e configurar tempo para cada linha |
| Livro ilustrado | Especificar número de páginas → Adicionar áudio de narração (opcional) — o tempo de exibição de cada página é distribuído automaticamente conforme a duração do áudio → Adicionar ilustração de fundo e texto para cada página |
| Foto com voz | Adicionar uma foto (posicionada como fundo que cobre toda a tela) → Adicionar um arquivo de áudio (upload ou gravação de microfone) — a duração do áudio se torna o tempo de reprodução do conteúdo, fluxo de criação mais simples |
Todos os assistentes usam formato de guia com exibição de etapas e texto informativo, permitindo que mesmo sem conhecimento de edição de vídeo você chegue ao resultado final sem se perder. Depois de completar o assistente, você vai para a tela normal do editor de linha do tempo onde pode continuar editando livremente. Você também pode optar por pular o assistente e criar tudo do zero em um projeto em branco.
Tamanho de tela adaptado para sua plataforma de publicação
Ao criar um projeto (ou a qualquer momento depois), basta escolher a plataforma onde você planeja publicar e a proporção da tela é configurada automaticamente.
| Plataforma | Tamanho | Taxa de aspecto |
|---|---|---|
| YouTube / Niconico / Bilibili | 1920×1080 | 16:9 (paisagem) |
| TikTok | 1080×1920 | 9:16 (retrato) |
| YouTube Shorts | 1080×1920 | 9:16 (retrato) |
| Instagram Reels / Stories | 1080×1920 | 9:16 (retrato) |
| Spotify Canvas | 1080×1920 | 9:16 (retrato) |
| X | 1080×1080 | 1:1 (quadrado) |
| Instagram Feed (1:1) | 1080×1080 | 1:1 (quadrado) |
| Instagram Feed (4:5) | 1080×1350 | 4:5 (retrato) |
| Personalizado | Qualquer | Especificar tamanho personalizado |
03
Adicionar materiais
Sete tipos de material — imagem, áudio, vídeo, texto, emoji/kaomoji, escrita à mão e efeitos — são adicionados à linha do tempo para construir o conteúdo. Registre objetos frequentemente usados como Favoritos para que possa reutilizá-los em outros projetos também.
Formatos suportados
- Imagem — PNG, JPG, WEBP. Também suporta PNG transparente (ilustração com fundo transparente), útil para diferenças de expressão de personagens. Também é possível gerar formas como círculos, balões de fala, setas e corações na hora, sem precisar preparar um arquivo de material (veja "Criar formas na hora" abaixo)
- Vídeo — MP4 (H.264) / WebM (VP9). Importado como um vídeo com loop e sem áudio (consulte "Adição de vídeo" abaixo para detalhes)
- Áudio — MP3, WAV, AAC. Também suporta arquivos de áudio maiores que 30 MB. Além de adicionar arquivos, você também pode gravar vocais ou narração ao vivo com o microfone enquanto o áudio principal é reproduzido (veja "Gravação de áudio por microfone" abaixo). Você também pode criar efeitos sonoros como aplausos, vivas e sons de acerto na hora, sem precisar preparar um arquivo de material (veja "Criar um som" abaixo)
- Texto — Inserir diretamente letras, legendas, roteiros de narração etc.
- Emoji/Kaomoji — Escolha um emoji ou emoticon em uma categoria e coloque na tela. Leve porque não adiciona arquivo de imagem. Como outros ativos de texto, suporta operações de mover, escalar, girar e quadro-chave. Selos usados recentemente são salvos em "Usados recentemente" no navegador para facilitar a reselecção
- Linhas (escrita à mão / desenho de linhas) — "Desenhar à mão" permite desenhar em tempo real com uma caneta digital, mouse ou toque, e os traços são gravados como estão. Ao escolher "Com animação", a gravação é sincronizada com a reprodução do áudio principal, assim como a gravação de áudio por microfone. A cor, espessura e formato da ponta dos traços gravados podem ser alterados posteriormente (veja "Configurações de traço à mão" abaixo). Você também pode escolher "Desenho de linhas" para gerar linhas — retas, onduladas, setas, linhas de foco e outras — na hora, sem precisar de nenhum arquivo de material (veja "Criar desenhos de linhas na hora" abaixo)
- Efeitos — Adicione efeitos de partículas como chuva, neve, pétalas/folhas caindo ou confete à linha do tempo. Não é necessário nenhum arquivo — basta escolher um predefinido (veja "Adição de material de efeitos" abaixo)
Criar formas na hora (gerar imagens sem materiais)
Ao abrir "Criar e adicionar forma" na aba de imagem, você pode gerar formas — círculos, quadrados, balões de fala, setas, corações, estrelas, notas musicais e outras — como uma imagem PNG na hora, apenas escolhendo entre algumas opções, sem precisar de um arquivo de material externo, e adicioná-la diretamente. A escolha é feita em 3 etapas ("① Tipo → ② Forma → ③ Aparência"), com uma pré-visualização ao vivo enquanto você ajusta cor de preenchimento, contorno, estilo 3D (4 opções: plano / estufado / extrudado / fofinho), opacidade e outras configurações. Na etapa "Aparência", o botão "Aleatório" de cada seção pode sugerir uma combinação de uma só vez, e desativar o ícone de dado em itens individuais os exclui do sorteio (o mesmo mecanismo usado no sorteio de cor e espessura ao gravar com o microfone). Os seis botões de "Ajustar a cor por sensação" (Claro / Escuro, Vivo / Suave, Quente / Frio) aproximam aos poucos a cor sorteada da direção escolhida. Quando há várias cores ajustáveis, como preenchimento e contorno, escolha primeiro uma amostra de cor e depois pressione o botão. Quando o preenchimento é um gradiente, escolha "Juntas" no início das amostras de cor para mover a cor inicial e a cor final ao mesmo tempo (uma cor que já atingiu o limite não se move; só se movem as cores que ainda podem mudar). Um botão cuja direção não pode mais avançar fica desativado, e você pode voltar atrás a qualquer momento com "Desfazer". As formas geradas são salvas no projeto assim como qualquer outro material de imagem, podendo ser redimensionadas, movidas e receber efeitos posteriormente.
Criar um som (gerar som sem arquivos)
Abra "Criar um som" na aba de áudio para criar efeitos sonoros como aplausos, vivas, murmúrios, sons de acerto/erro, tambores, explosões, chuva, vento, onda, sinos e rufo de tambor na hora, apenas escolhendo entre algumas opções, sem precisar de arquivo de material. Você escolhe em 3 etapas ("① Tipo → ② Som → ③ Como soa"), ajustando duração, densidade, altura do som, amplitude da reverberação (sem reverberação / dentro de uma sala / salão grande / ar livre) e outros enquanto confirma na forma de onda e botão de reprodução (a reprodução se repete e continua até que você pressione parar ou feche o painel. Se você mudar a configuração durante a reprodução, ela não parará, mas mudará para o novo som). Para sons de pessoas e natureza, especifique a duração em segundos; para sons curtos como sons de acerto e tambores, especifique a reverberação. Como o som é criado com o comprimento especificado, não há emendas não naturais. Na etapa "Como soa", você pode usar o botão "Aleatório" para sugerir combinações de uma só vez, ou o botão "Tentar de novo" para manter as configurações e mudar apenas como soa. Desativar o ícone de dado em itens individuais os exclui do sorteio (o mesmo mecanismo usado ao criar formas). Os sons criados são salvos no projeto como material de áudio normal, podendo ser ajustados, aparados ou ter efeitos aplicados posteriormente. Por padrão, eles são adicionados à faixa de efeitos, mas sons naturais como chuva e vento são adicionados à faixa de música (você pode mudar em "Onde adicionar"). Para sons longos, a criação pode levar um tempo, e o progresso é exibido.
Criar desenhos de linhas na hora (gerar linhas sem materiais)
Ao escolher "Desenho de linhas" na aba de linhas, você pode gerar linhas — retas, onduladas, setas, pontilhadas, linhas de foco, raios, chuva, marcas de verificação e outras — como um traço de escrita à mão na hora, apenas escolhendo entre algumas opções, sem precisar de um arquivo de material externo. A escolha é feita em 3 etapas ("① Tipo → ② Forma → ③ Configurações"), com uma pré-visualização ao vivo enquanto você ajusta cor da linha, espessura, tipo de caneta (caneta de mangá / caneta redonda / pincel / marcador / lápis), quantidade, espaçamento, simetria, afilamento das pontas e outras configurações. Você pode escolher entre "Animado" (reproduz o traço da linha em sincronia com a reprodução) ou "Estático" (posiciona a linha já pronta) como formato de saída; ao escolher "Animado", a pré-visualização também é reproduzida em loop com a mesma ordem e tempo de traçado. Para formas com várias linhas, a "Ordem de desenho" (da esquerda para a direita / do centro para fora / de fora para o centro / aleatório) e o "Intervalo" permitem ajustar como cada linha é desenhada uma após a outra. Na etapa "Configurações", o botão "Aleatório" de cada seção pode sugerir uma combinação de uma só vez, e desativar o ícone de dado em itens individuais os exclui do sorteio (o mesmo mecanismo usado para formas e efeitos sonoros). As linhas geradas são salvas no projeto assim como qualquer outro traço de escrita à mão, podendo ter cor, espessura e outras configurações alteradas posteriormente.
Favoritos
Clique com o botão direito (ou toque longo) em um objeto no canvas e selecione "Outros ▶ Registrar como Favorito" para registrá-lo com um nome de grupo. Os objetos registrados podem ser selecionados e reposicionados pela aba "Favoritos" no painel "Adicionar materiais", filtrando por grupo. A posição de colocação é recalculada com base no centro do canvas e na posição de reprodução atual, portanto você pode reutilizá-los sem se preocupar com a posição ou o tempo original. Os favoritos de objetos de imagem, letra e texto são salvos na íntegra no navegador, podendo ser recuperados em outros projetos também. Favoritos não são salvos no arquivo do projeto, mas são salvos no navegador (dispositivo).
Substituição de arquivo em material posicionado
Clique com o botão direito (ou toque longo) em um objeto de imagem, vídeo (ilustração animada), BGM ou áudio principal posicionado e selecione "Substituir imagem/vídeo/áudio..." para abrir o diálogo de seleção de arquivo e trocar para um novo arquivo. Posição, escala, animação, quadro-chave e todas as outras configurações são preservadas — use esse recurso quando quiser manter os mesmos efeitos enquanto troca apenas o conteúdo. Como qualquer edição padrão, essa operação pode ser desfeita com Ctrl+Z / Cmd+Z. Observe que ao adicionar um novo arquivo com o mesmo nome de arquivo de origem, ambos os arquivos são salvos automaticamente com nomes diferentes em vez de serem sobrescritos (por exemplo, se você adicionar duas fotos tiradas com o mesmo nome de arquivo uma após a outra, nenhuma será apagada).
Adição de vídeo (vídeo com loop e sem áudio)
Ao adicionar arquivos de vídeo (MP4/WebM) através da aba "Vídeo", eles são posicionados na linha do tempo como "ilustração animada" com loop curto, sem faixa de áudio. É útil para situações em que você quer usar uma imagem em movimento em vez de fotografia ou ilustração estática. A duração máxima é de 10 segundos, e vídeos maiores que isso são automaticamente aparados para os primeiros 10 segundos. A faixa de áudio é removida automaticamente durante a importação, então se precisar da áudio, use "Extração de áudio de arquivo de vídeo" abaixo ou adicione-o através da aba "Áudio". Safari do iOS não suporta WebM (VP9), portanto o único formato confiável no iOS é MP4 (H.264).
Extração de áudio de arquivo de vídeo
Ao adicionar um arquivo de vídeo como MP4 (gravação de tela Android) ou MOV (gravação de tela iOS) através da aba "Áudio", apenas a faixa de áudio é extraída automaticamente sem usar a parte de vídeo, e é importado como material de áudio normal (BGM ou áudio principal). Não há necessidade de cortar o vídeo com software de edição de vídeo. Em PCs, você pode arrastar e soltar arquivos para adicioná-los. Em smartphones, use o diálogo seletor de arquivos em vez de arrastar e soltar, já que arrastar e soltar não funciona bem em dispositivos com toque. Se deseja usar o próprio vídeo como elemento visual, consulte "Adição de vídeo" (vídeo com loop e sem áudio) acima.
Gravação de áudio por microfone
Você pode gravar áudio do microfone simultaneamente enquanto reproduz a faixa de áudio principal (acompanhamento / backing track) no navegador. A compatibilidade é determinada automaticamente pelo navegador, e se não suportada, a interface de gravação não será exibida. Chrome, Edge e Firefox têm suporte, além disso Safari (iOS / macOS) também suporta gravação em formato MP4. O áudio gravado funciona como qualquer outro material de áudio adicionado para posicionamento de faixa e ajuste de tempo. O áudio gravado também segue o design sem servidor — nunca é enviado para os servidores do KiraNeiro.
Sobre conexões de microfone
Para gravar, use o microfone integrado do seu computador ou um microfone com fio em vez de um microfone Bluetooth (sem fio). As conexões Bluetooth podem ser instáveis e podem causar perda de partes do áudio gravado, resultando em uma gravação mais curta do que o tempo real que você gravou.
Adição de material de efeitos (chuva, neve, pétalas, confete e outros efeitos de partículas)
Na aba "Efeitos", basta escolher um predefinido — chuva, neve, pétalas/folhas caindo ou confete — para adicionar um efeito de partículas à linha do tempo. Não é necessário selecionar nenhum arquivo; ele é posicionado imediatamente com a aparência padrão. Depois de adicionado, use o painel de propriedades à direita para ajustar cor, opacidade, densidade (quantidade de partículas), velocidade, tamanho, oscilação e parâmetros detalhados específicos de cada predefinido (como o ângulo da chuva ou a força do vento da neve). No diálogo de configurações de efeitos, os seis botões de "Ajustar a cor por sensação" (Claro / Escuro, Vivo / Suave, Quente / Frio) também aproximam aos poucos a cor sorteada, e você pode voltar atrás a qualquer momento com "Desfazer". Para chuva, neve, pétalas/folhas caindo, confete, bolhas, brilhos e céu estrelado, ativar a caixa de seleção "Profundidade" faz cada partícula variar em tamanho e opacidade para uma aparência mais tridimensional. Os efeitos podem ser usados tanto como camada de fundo quanto de primeiro plano — não há uma caixa de seleção dedicada para isso; em vez disso, use os mesmos controles de ordem de camada usados para outros objetos (no menu de contexto, "Trazer para frente" / "Enviar para trás"). Por exemplo, você pode sobrepor neve caindo na frente de um personagem, ou chuva preenchendo todo o fundo.
Configurações de traço à mão
Ao adicionar escrita à mão, você pode escolher entre três métodos de desenho. "Iniciar escrita animada" grava de forma sincronizada com a reprodução do áudio principal e reproduz a ordem e velocidade originais dos traços durante a reprodução. "Iniciar escrita estática" não é sincronizado com a reprodução de áudio — você desenha livremente no seu próprio ritmo e o traço é colocado como uma imagem estática. "Desenhe no seu ritmo e converta em animação" também permite desenhar livremente no seu próprio ritmo, como no método estático, mas, ao terminar, ele é convertido automaticamente em escrita animada com uma velocidade de traço constante e uma pequena pausa entre os traços (útil quando você quer desenhar no seu próprio ritmo, mas ver a reprodução como uma animação suave e de velocidade constante). Nenhum desses métodos pode ser alternado para outro depois de criado. Cor, espessura, ponta da linha (redonda / quadrada / sem projeção) e tipo de caneta (caneta G, caneta redonda, pincel, marcador, lápis) podem ser ajustadas na mesma caixa de diálogo de configurações, seja como configuração padrão antes de iniciar a gravação, seja como alteração posterior em traços já gravados. O recurso "Aleatório" da caixa de diálogo também pode sugerir combinações aleatórias de cor, espessura, ponta da linha e tipo de caneta. No topo da caixa de diálogo, na aba "Simples" (exibida por padrão), em "Ajustar a cor por sensação", escolha uma amostra de cor e clique em um dos botões "Claro / Escuro", "Vivo / Suave" ou "Quente / Frio" para ajustar por sensação a cor definida aleatoriamente (ao usar um degradê, escolha a cor inicial e a cor final e ajuste ambas. Escolha "Juntas" no início das amostras de cor para mover a cor inicial e a cor final ao mesmo tempo; os ajustes feitos com "Juntas" também são desfeitos com um único "Desfazer"). Para digitar códigos de cor diretamente ou definir o uso e a direção do degradê, mude para a aba "Detalhado".
Configurações de animação de traço à mão
Traços gravados "com animação" podem ter seu movimento de aparição alterado posteriormente. Clique com o botão direito no objeto e escolha "Movimento ▶ Animação do traço" para definir duas coisas: "Movimento" (ou "Desenhar" — a linha é progressivamente desenhada — ou "Apagar" — a linha finalizada é progressivamente apagada) e "Ordem" ("Ordem original" = exatamente como foi gravado; "Inverter tudo" = aparece começando pela parte desenhada por último; "Inverter a ordem dos traços" = cada traço individual é desenhado como foi feito, mas os traços são reproduzidos em ordem inversa). A caixa de diálogo tem uma visualização animada ao vivo com um botão de reprodução. Como traços longos levam tempo em velocidade normal, a velocidade de visualização pode ser ajustada de 1x para 10x (isso apenas afeta a visualização, não a velocidade de reprodução da obra finalizada). Traços gravados "sem animação" não mudam com o tempo, portanto esta configuração não é mostrada para eles. Para alterar a velocidade de reprodução real da obra finalizada, informe um valor de "Velocidade de reprodução" (padrão 1x, qualquer valor maior que 0 até 10x, com até 2 casas decimais) no topo da caixa de diálogo "Animação do traço" ou no painel de propriedades à direita — ambos editam o mesmo ajuste e realmente afetam a reprodução, a exportação e o visualizador (diferente da velocidade de visualização acima). Se você diminuir demais a velocidade a ponto de o traço não terminar de ser desenhado antes do objeto desaparecer, a duração de exibição é estendida automaticamente.
04
Operações básicas do editor de linha do tempo
Na linha do tempo na parte inferior da tela, você posiciona e ajusta múltiplas faixas (imagem, texto, áudio) ao longo do eixo do tempo.
Operações básicas
- Exibição multi-faixa (mostrar múltiplas imagens, texto e áudio simultaneamente)
- Arrastar a cabeça de reprodução (linha vertical indicando posição atual) para verificar e editar de qualquer ponto
- Arraste o marcador final (ponto de linha tracejada laranja) no fim da linha do tempo para ajustar o comprimento geral do conteúdo (duração total). Esta configuração também pode ser alterada pelo campo numérico "Duração total" no painel de propriedades.
- Zoom na linha do tempo para alternar entre ajustes detalhados e visão geral
- Reordenar faixas (arrastando) para controlar a relação frente-trás (ordem Z) — faixas mais acima aparecem mais à frente
- Função de ajuste — encaixa automaticamente na grade ou nas bordas de outros objetos para ajudar no alinhamento
- Desfazer / Refazer é essencialmente ilimitado (pode desfazer 20+ operações anteriores)
- Salvamento automático — o conteúdo editado é automaticamente salvo em tempo real no navegador e restaurado após recarga
Registro automático de quadro-chave
Não há necessidade de clicar em um botão explícito como "Adicionar quadro-chave". Quando você arrasta um objeto na tela para mover, escalar ou girar, um quadro-chave é automaticamente registrado na posição de linha do tempo atual. O movimento entre quadros-chave é interpolado com uma curva de Bezier, e você pode escolher configurações como começa e termina gradualmente (ease-in/ease-out). Você também pode configurar reprodução em loop (repetir um intervalo especificado) para cada objeto.
05
Edição de aparência (operações de canvas)
Você opera diretamente nos objetos no canvas (tela central) para posicionar, dimensionar, girar e aplicar efeitos visuais.
Seleção e manipulação de objetos
Clique nos objetos no canvas para selecioná-los. Arraste-os para mover, use as alças para redimensionar e girar. Selecione múltiplos objetos simultaneamente para mover e escalar como grupo.
Animações de predefinição
Para entrada e saída de objetos, há animações padrão prontas para usar (aparecimento com salto, entrada com rotação, deslizamento etc.) que podem ser aplicadas com um clique. Quando aplicadas, múltiplos quadros-chave são gerados automaticamente para posição, escala, rotação e opacidade, e você pode fazer ajustes individuais posteriormente.
Trocar ilustrações
Para um único objeto de personagem, você pode alternar qual arquivo de imagem exibir em cada ponto no tempo. Expressões diferentes de rosto ou animações de boca podem ser alcançadas simplesmente organizando múltiplas imagens em ordem de tempo dentro de um objeto.
Animação de opacidade e escala
Para cada objeto, você pode alterar opacidade e escala ao longo do tempo (desvanecer entrada / saída etc.). Você também pode definir livremente a cor de fundo e a imagem de fundo da tela.
Efeitos de imagem
Você pode aplicar efeitos visuais como desfoque, sépia, preto e branco, ajuste de cor e muito mais aos objetos de imagem selecionando em predefinições. Quando uma predefinição é selecionada, os parâmetros são definidos automaticamente, e você também pode fazer ajustes individuais. Os efeitos que tendem a ser pesados em processamento podem ser alternados para melhor desempenho em PCs com menos recursos (como Chromebooks).
06
Edição de texto e letras
Letras, legendas e narração são tratadas como "blocos" em nível de parágrafo/linha, permitindo ajustar o tempo de exibição para cada bloco.
Ajuste de tempo em nível de bloco
Cada linha de letra ou cada parágrafo de texto é tratado como um slot de tempo individual, e você pode ajustar independentemente quando cada um começa e termina. Você pode visualizar enquanto a música toca para confirmar se as letras aparecem no tempo certo e fazer ajustes finos. Blocos de texto podem ser arrastados ao longo do eixo de tempo para mover sua posição, mas não podem ser dimensionados apenas pelas bordas esquerda e direita (a largura do bloco é determinada pelo conteúdo de texto e tempo). Se você adicionar ou remover linhas, o mapeamento dos slots de tempo muda, então é recomendável verificar o painel de tempo após editar o conteúdo. Blocos de texto, letra e prosa também podem ter seu diálogo de edição de conteúdo aberto por duplo clique no canvas (duplo toque em dispositivos de toque).
Fonte e decoração
Você pode configurar livremente fonte, cor de texto e tamanho, e também adicionar animações de entrada/saída. Você também pode configurar estilos de texto decorativos combinando preenchimento em gradiente, sombra e contorno, e a função "Aleatório" na caixa de diálogo de configuração de fonte pode sugerir aleatoriamente as configurações de decoração também. Com os seis botões de "Ajustar a cor por sensação" (Claro / Escuro, Vivo / Suave, Quente / Frio), você também pode aproximar aos poucos as cores do texto, do contorno, do gradiente e da sombra. Escolha a cor a ajustar entre as amostras de cor; um botão cuja direção não pode mais avançar fica desativado. Quando o preenchimento é um gradiente, escolha "Juntas" no início das amostras de cor para mover a cor inicial e a cor final ao mesmo tempo. Você pode voltar atrás a qualquer momento com "Desfazer" (ajustes feitos com "Juntas" também são desfeitos de uma vez). As opções de fonte são filtradas por padrão para corresponder ao idioma de exibição do aplicativo (por exemplo, se o idioma de exibição é japonês, apenas fontes japonesas e fontes de alfabeto latino são exibidas). Se você quiser usar fontes para outros idiomas, adicione-as através de 'Modo de exibição' dentro do menu '?' da barra de ferramentas.
Síntese de voz (recurso integrado do navegador)
Cada bloco de texto, letra ou parágrafo pode ter síntese de voz integrada ao navegador configurada individualmente. Este recurso é ativo apenas durante a reprodução no export de HTML (visualizador) e não está incluído em exports MP4. As opções de voz são limitadas a vozes locais que não enviam texto para servidores externos. Se vozes locais não estiverem disponíveis no seu dispositivo, o recurso de síntese de voz em si não funcionará. O comportamento varia dependendo da combinação navegador e SO, e suporte em iOS Safari não é garantido (consulte a seção Ambientes compatíveis).
07
Processamento de áudio
Redução de ruído
Você pode aplicar um filtro de redução de ruído para reduzir o ruído ambiente que foi capturado durante a gravação na faixa de áudio principal.
Efeitos de som
Você pode aplicar efeitos de som como reverberação à faixa de áudio principal. A mesma qualidade é refletida na visualização, exportação e reprodução após publicação. Como com efeitos visuais, os efeitos intensivos em processamento podem ser alternados para desempenho melhor em PCs com menos recursos.
08
Salvamento e pasta de trabalho
Salvamento automático → Pasta de trabalho (interna)
O KiraNeiro continuamente salva o conteúdo editado em uma pasta de trabalho interna do navegador (Origin Private File System). Esta área não é visível no Explorador de Arquivos ou no Finder.
Ctrl+S → arquivo .kneiro
Ctrl+S (ou "Arquivo → Salvar como") exporta para um arquivo .kneiro em um local de sua escolha. Este é o arquivo de projeto portátil e compartilhável. O salvamento automático não atualiza este arquivo. Se você deseja continuar editando em outro dispositivo ou manter um backup, salve explicitamente como este arquivo.
09
Formatos de exportação
Salvar como (.kneiro) — Arquivo de projeto
Salva o projeto inteiro para reedição posterior. Abra novamente no KiraNeiro para continuar trabalhando.
Exportar vídeo (MP4)
Exporta para MP4 usando a API WebCodecs quando disponível (máximo 1920×1080, sem limite de exportação). Em ambientes sem suporte a WebCodecs (Firefox, algumas versões do Safari e incluindo iOS Safari), a exportação alterna automaticamente para a API MediaRecorder para MP4 ou WebM. Se nem WebCodecs nem MediaRecorder estiverem disponíveis, a exportação é reportada como não suportada. A exportação pode levar alguns minutos. Este é o arquivo final para postar no YouTube, TikTok etc.
As exportações em MP4 usam o codec de vídeo H.264 (AVC). Na maioria dos casos — publicar um vídeo você mesmo, ou distribuí-lo/usá-lo comercialmente em sites típicos — você não precisa lidar com nenhum licenciamento de patente separado.
*Dito isso, certos usos comerciais, como distribuição em grande escala por meio de serviços de vídeo pagos ou venda em massa como mídia paga, podem exigir licenciamento separado.
Em alguns ambientes, o navegador pode pedir que você aceite termos adicionais relacionados ao AVC ao iniciar — isso se refere aos termos de uso do próprio navegador e não restringe o uso que você pode fazer do vídeo exportado.
Compartilhar HTML — Tipo de conexão externa
Tamanho de arquivo pequeno. O mecanismo de reprodução é carregado em tempo de execução de kiraneiro.chronovis-software.com, requerendo conexão com a internet. Atualizações do mecanismo são aplicadas automaticamente. Também em iOS é possível exportar usando o botão de exportação. Porém, Safari em iOS não tem forma de abrir um arquivo HTML local em contexto executável de navegador, portanto quando você o abre com o aplicativo Arquivos, uma tela de orientação de reprodução aparece — siga o link na orientação para kiraneiro.chronovis-software.com/view e depois selecione o mesmo arquivo novamente para reproduzir (o mesmo procedimento funciona se você receber o arquivo exportado de um computador/PC e o abrir em iPhone/iPad).
Compartilhar HTML — Tipo independente
Tamanho de arquivo maior (cerca de 256 KB + dados do projeto). O mecanismo de reprodução está completamente incorporado, permitindo reprodução offline e sem depender de servidores. Mesmo que o mecanismo de reprodução seja atualizado no futuro, o conteúdo dos arquivos exportados com este método não muda. Também em iOS é possível exportar usando o botão de exportação. O procedimento para abrir e reproduzir o arquivo é o mesmo do tipo de conexão externa acima.
Exportar como APNG
Exporta um PNG animado (APNG). Você pode definir livremente o número de quadros (2–120), o número de repetições (também é possível especificar repetição infinita) e a contagem de cores. Suporta a configuração Tornar o fundo transparente; quando ativada, exporta com fundo transparente, e quando desativada, exporta com a cor de fundo configurada. Quando você especifica um tamanho de arquivo desejado, um botão "Calcular" é exibido, permitindo calcular o número de quadros que se encaixa naquele tamanho (quando não especificado, clicar em "Exportar" exporta imediatamente).
10
Publicação e compartilhamento
O KiraNeiro fornece apenas o "mecanismo de reprodução" e não armazena o próprio conteúdo. Você pode compartilhar seu trabalho de duas formas: compartilhando uma URL apontando para o arquivo em seu armazenamento, ou enviando o arquivo exportado diretamente.
Compartilhamento por URL
Publique um arquivo .kneiro em seu próprio armazenamento (como GitHub), codifique sua URL pública em URL e compartilhe no formato https://kiraneiro.chronovis-software.com/view?src={URL-pública-do-arquivo-kneiro} diretamente em redes sociais para funcionar como página de reprodução. OGP (exibição de cartão de link) é intencionalmente não fornecido, assumindo que criadores adicionar seu próprio visual e texto ao postar.
Compartilhamento de arquivo
Envie o arquivo exportado (.kneiro ou arquivo HTML compartilhado) diretamente via aplicativos de chat, email ou pen drive sem precisar de URL. O destinatário simplesmente abre/seleciona o arquivo no visualizador do KiraNeiro para reproduzir localmente. Este método compartilha privadamente com uma pessoa específica sem publicar em lugar algum.
Incorporação (iframe)
Você pode incorporar apenas o mecanismo de reprodução em seu site usando <iframe src="https://kiraneiro.chronovis-software.com/embed?src={URL-pública-do-arquivo-kneiro}"> formato. /embed oferece uma aparência mínima com apenas barra de controle.
Limitação CORS de armazenamento
O visualizador recupera o conteúdo diretamente da URL especificada, então o armazenamento em nuvem onde você salva precisa permitir solicitações CORS (cross-origin). GitHub (GitHub Pages e distribuição de arquivo bruto) é suportado, mas links compartilhados do Google Drive ou Dropbox podem não funcionar devido a restrições de CORS. Além disso, como o visualizador é servido via https, a URL especificada também deve ser https — uma URL http será bloqueada pelas restrições de conteúdo misto do navegador.
11
Instalação de PWA
O KiraNeiro pode ser instalado como um aplicativo (PWA: Progressive Web App).
- Desktop Chrome / Edge — O prompt de instalação do navegador permite adicionar ao desktop ou barra de tarefas como um aplicativo
- Android Chrome — Da mesma forma, você pode adicionar como um aplicativo através do prompt de instalação do navegador (adicionar à tela inicial)
- iOS Safari — Não há prompt automático de instalação do navegador, mas você pode instalar manualmente através do menu de compartilhamento "Adicionar à tela inicial" e iniciá-lo com aparência de aplicativo
- Após a instalação, é iniciado com aparência de aplicativo sem a UI do navegador (barra de endereço etc.)
- O aplicativo (HTML/JS/CSS) é armazenado em cache pelo Service Worker, permitindo continuar editando projetos existentes offline após a instalação
- Reprodução offline do visualizador não é suportada (precisa recuperar arquivos
.kneiroexternamente cada vez)
12
Gravação de movimento
Como gravar pontos de movimento ao vivo
Pressione o botão de gravação para iniciar a reprodução. Enquanto a reprodução está em andamento, arraste um objeto na tela para gravar seu movimento em tempo real. É mais rápido que fazer quadros-chave um por um à mão e captura movimentos naturais sincronizados com a música.
A duração da exibição se estende automaticamente
Enquanto você grava movimento arrastando, a gravação continua mesmo após o tempo de término original do objeto passar. O objeto não desaparecerá no meio — você pode continuar arrastando até terminar. Quando você confirma, a duração de exibição do objeto se estende automaticamente até o momento em que você parou de arrastar e é salva, refletindo nos vídeos exportados e na reprodução do visualizador. Se você cancelar o diálogo de confirmação ou nenhum movimento foi gravado, a duração de exibição original é mantida.
Diálogo de confirmação — 3 modos
Quando você interrompe a gravação, um diálogo aparece com três opções:
- Manter como está — Mantém o movimento exatamente como foi gravado
- Linear — Simplifica o caminho para segmentos de linha reta
- Suave — Ajusta uma curva suave aos pontos gravados
Gravar o tempo de exibição de letra ou texto
Você pode usar o modo de gravação para redefinir quando cada linha de um bloco de letra ou texto aparece. Pressione o botão de gravação para iniciar a reprodução e clique (ou toque) no botão "Próximo" no momento exato em que deseja cada linha aparecer. Os tempos são atualizados em tempo real. É mais intuitivo que inserir códigos de tempo manualmente enquanto acompanha as letras com os olhos.
Logo após o início da gravação, a letra / a prosa não aparecem na tela (estado de espera). Pressione «Próximo» pela primeira vez no momento em que quiser que o texto comece a aparecer, por exemplo quando o canto começa. A primeira linha (ou o primeiro parágrafo, na prosa) passa a ser exibida naquele instante. Cada «Próximo» seguinte avança para a linha seguinte.
Durante a gravação, use o seletor “Tempo / Movimento” para alternar de modo. No modo “Movimento” o botão “Próximo” fica desativado: os tempos de exibição permanecem como estão e você grava apenas o movimento de posição, tamanho e rotação.
13
Limitações conhecidas e solução de problemas
Por que meu BGM não pode ser posicionado?
O KiraNeiro verifica se a duração real do arquivo de áudio cabe no slot de posicionamento (até o início do próximo item BGM, ou até o final da linha do tempo para o último item). Se a duração do arquivo de áudio for mais longa que o slot, o posicionamento é rejeitado.
Solução: Use um arquivo de áudio mais curto ou ajuste a posição de início do BGM para ampliar o slot.
Quando "Atualizar duração de reprodução" aparece?
Se todos os objetos no projeto têm um ponto final definido e o ponto final máximo diferir da duração do projeto, "Atualizar duração de reprodução" aparecerá no menu Arquivo. Clicar nele ajusta o tempo de fim do projeto para o ponto final do objeto mais distante. Isso geralmente acontece quando você estende um objeto e esquece de ajustar o tempo do projeto correspondentemente.
Funcionalidades não suportadas (intencionalmente fora de escopo)
- Edição simultânea em tempo real por múltiplos usuários
- Geração automática de animação por IA (a filosofia de design prioriza você movendo suas próprias ilustrações)
- Síntese de voz ou geração de canto (para geração de áudio como conteúdo de vídeo e IA de geração de canto; porém a conversão de texto em voz integrada ao navegador é suportada apenas em exports de HTML (visualizador), consulte Edição de texto e letras acima)
- Recursos de comunidade como comentários, gostos, ou galeria de obras
- Upload direto integrado para YouTube, Niconico, etc.
- OCR ou geração automática de tempo de letra (ajuste de tempo é manual por padrão)
- Recurso de remoção de fundo de imagem
Para obter informações sobre navegadores e ambientes compatíveis, consulte a seção "Ambientes compatíveis".