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.

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

TipoDescriçãoUsuários principais
Videoclipe (MV)Mover ilustrações e letras de acordo com a músicaCantautores, produtores Vocaloid, ilustradores
Vídeo explicativoSincronizar narração de áudio com diagramas e textoCriadores de educação e conteúdo explicativo
História curtaCombinar texto, áudio de narração e ilustraçõesEscritores, criadores de conteúdo de narração
Vídeo de leitura em voz altaSincronizar áudio de narração com exibição de textoAutores, criadores de audiolivros
Livro ilustradoCompilar múltiplas páginas de ilustrações, texto e áudio em uma única obraAutores de livros ilustrados, criadores de quadrinhos
Foto com vozCombinar uma única foto com um único arquivo de áudio na configuração mais simplesCompartilhamento 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.

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".

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.

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

TipoFluxo do assistente
MV com letrasAdicionar música (áudio) → Adicionar ilustração de personagem e fundo → Inserir texto de letras e configurar tempo para cada linha
Livro ilustradoEspecificar 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 vozAdicionar 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.

PlataformaTamanhoTaxa de aspecto
YouTube / Niconico / Bilibili1920×108016:9 (paisagem)
TikTok1080×19209:16 (retrato)
YouTube Shorts1080×19209:16 (retrato)
Instagram Reels / Stories1080×19209:16 (retrato)
Spotify Canvas1080×19209:16 (retrato)
X1080×10801:1 (quadrado)
Instagram Feed (1:1)1080×10801:1 (quadrado)
Instagram Feed (4:5)1080×13504:5 (retrato)
PersonalizadoQualquerEspecificar tamanho personalizado

Adicionar materiais

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.

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

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.

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).

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.

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.

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.

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.

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. 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.

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

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.

Instalação de PWA

O KiraNeiro pode ser instalado como um aplicativo (PWA: Progressive Web App).

Gravação de movimento

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:

  • 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. 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.

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 voz
  • 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".