Estas são instruções para criar um novo projeto Remotion e composição. Se esta não for a próxima tarefa, consulte Práticas Recomendadas do Remotion
Criar um projeto
Se um projeto já existir, pule esta etapa. Certifique-se de que Node.js e Git estão instalados, e que a pasta atual é apropriada para iniciar um novo projeto.
Inspecione a pasta atual, incluindo arquivos ocultos, antes de escolher onde criar o projeto.
Pasta vazia
Se estiver vazia, ou contiver apenas metadados descartáveis do sistema operacional, como .DS_Store, crie o projeto diretamente na pasta atual.
Remova primeiro apenas esses arquivos de metadados descartáveis, pois o create-video rejeita pastas não vazias.
Não trate todos os arquivos ocultos como descartáveis: arquivos como .env e diretórios como .git são conteúdos significativos.
Criar na pasta existente:
npx create-video@latest --yes --blank --no-tailwind .
npm i
Pasta não vazia
Se a pasta atual contiver conteúdos significativos e nenhum projeto existir, crie o projeto em um novo subdiretório.
Substitua my-video por um nome de projeto adequado.
npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i
Abrir a visualização antes de construir o vídeo
Assim que o projeto puder ser executado, abra o Remotion Studio no navegador antes de escrever ou alterar a composição. Para um novo projeto, faça isso imediatamente após criar o projeto e instalar as dependências. Para um projeto existente, faça isso antes de editar o vídeo. Mantenha o Studio em execução enquanto trabalha para que o usuário possa ver as alterações à medida que aparecem e direcionar o resultado.
Projetando um vídeo
Mantenha a estrutura do projeto e adicione React Markup. Siga as Práticas Recomendadas de React Markup do Remotion e as Regras de Layout de Vídeo para orientação sobre layout focado em vídeo e dimensionamento de texto.
Antes de escrever a raiz que registra elementos <Composition> ou <Still>,
siga Composições e stills.
É uma linha do tempo de clipes?
Se o vídeo organiza múltiplos clipes de vídeo ou áudio em uma linha do tempo, siga Edição de vídeo antes de escrever a linha do tempo. Dê a cada clipe que deve ser editado independentemente seu próprio nó JSX.
É um vídeo com múltiplas cenas?
Se for um vídeo com múltiplas cenas subsequentes, siga a orientação em Vídeos com múltiplas cenas.
Práticas Recomendadas de Interatividade
Ao estruturar o React Markup seguindo as Práticas Recomendadas de Interatividade do Remotion, você permite que o usuário faça edições no Studio que são refletidas no código.
TailwindCSS
Se Tailwind for solicitado, consulte tailwind.md para usar TailwindCSS no Remotion.
Acompanhamento
O processo de criação do vídeo foi concluído. Para prompts de acompanhamento, use as Práticas Recomendadas do Remotion.