KiraNeiro
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
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)
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
Editor (tela de edição)
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".
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
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
Três tipos de material — imagem, áudio e texto — são adicionados à linha do tempo para construir o conteúdo.
Formatos suportados
Extração de áudio de arquivo de vídeo
Se você arrastar um arquivo de vídeo como MP4 (gravação de tela Android) ou MOV (gravação de tela iOS), 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.
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.
04
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
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
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
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.
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.
07
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 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
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. Este é o arquivo final para postar no YouTube, TikTok etc.
Compartilhar HTML — Tipo de conexão externa Não suportado em iOS
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. Em iOS, Safari não tem forma de abrir um arquivo HTML local em contexto executável de navegador, portanto este tipo de exportação não está disponível.
Compartilhar HTML — Tipo independente Não suportado em iOS
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. Em iOS, Safari não tem forma de abrir um arquivo HTML local em contexto executável de navegador, portanto este tipo de exportação não está disponível.
10
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
Salve JSON + ativos no seu próprio armazenamento (como GitHub) e compartilhe um URL no formato https://kiraneiro.app/view?src={conteúdo-URL} 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.app/embed?src={conteúdo-URL}"> 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.
11
O KiraNeiro pode ser instalado como um aplicativo (PWA: Progressive Web App).
.kneiro externamente cada vez)12
Como gravar pontos de movimento ao vivo
Ative o botão de gravação e pressione reproduzir. 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.
Diálogo de confirmação — 3 modos
Quando você interrompe a gravação, um diálogo aparece com três opções:
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. Ative o botão de gravação, reproduza 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.
13
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)
Para obter informações sobre navegadores e ambientes compatíveis, consulte a seção "Ambientes compatíveis".