ClipMaker — AI Viral Moments

ClipMaker é uma pequena aplicação web estática que usa IA para gerar trechos virais de vídeos.

🚀 O que faz

1. Faz upload de um vídeo (via Cloudinary).
2. Aguarda a transcrição do vídeo ser gerada pelo Cloudinary.
3. Envia a transcrição para o Gemini API (Google Generative AI) para encontrar o momento mais impactante.
4. Mostra o clipe recortado automaticamente no player.

🧩 Como usar

1. Abra index.html no navegador (não precisa de servidor).
2. Cole sua Gemini API Key no campo indicado.
3. Clique em Começar Upload e selecione um vídeo.

⚠️ Você precisa de uma chave válida do Gemini (API Key) para que a aplicação funcione.

📦 Dependências externas

O projeto usa recursos via CDN (sem build):

• Tailwind CSS
• GSAP
• Lucide Icons
• Cloudinary Upload Widget

🛠️ Configuração interna

O arquivo index.html usa o widget de upload do Cloudinary. Para que tudo funcione, você precisa:

1. Criar uma conta gratuita no Cloudinary.

🔎 Onde encontrar o Cloud Name

1. Acesse seu painel do Cloudinary.
2. No canto superior direito, clique no seu avatar e vá para Account Details (Detalhes da Conta).
3. Copie o campo Cloud name.

⚙️ Como criar um Upload Preset

1. No dashboard do Cloudinary, vá para Settings → Upload.
2. Role até Upload presets e clique em Add upload preset.
3. Dê um nome para o preset (por exemplo: nlw-operator).
4. Defina o preset como Unsigned (não exige assinatura) para facilitar o uso no widget.
5. Opcional: restrinja tipos de arquivo para video/* e defina uma pasta de destino para organizar seus vídeos.

🧠 Como criar o flow de transcrição (Cloudinary Automations)

Para que o projeto funcione como o fluxo da imagem anexada (gerar transcrição automaticamente quando um vídeo é carregado), você pode usar as Automations do Cloudinary:

1. No painel do Cloudinary, vá para Media Library → Automations (ou Workflows).
2. Crie uma nova automação com o gatilho On Asset Upload.
3. Adicione uma condição para tipo de recurso ser video.
4. Adicione a ação Generate and Save Transcript (gerar e salvar transcrição) ou o equivalente disponível para transcrição de vídeo.

Com isso, toda vez que um vídeo for enviado ao seu Cloudinary (via widget), o Cloudinary vai gerar um arquivo .transcript que o projeto usa para encontrar o trecho viral.

🛠️ Ajustando o index.html

No bloco config dentro do <script> do index.html, atualize:

• cloudName: seu Cloud Name (copiado do Account Details)
• uploadPreset: o nome do seu Upload Preset

Isso garante que o widget faça upload para a sua conta e que a transcrição seja gerada para o arquivo certo.

🧪 Testes e desenvolvimento

Basta abrir index.html no navegador. Não há dependências ou build necessários.