Widget incorporável

Uma linha de código — adicione um editor de vídeo ao seu site em segundos

Incorpore o editor de linha do tempo do TutuCut (corte / legendas / efeitos / transições) em qualquer um dos seus sites. Os visitantes editam vídeos no seu próprio site; configure tema e ferramentas, as atualizações se aplicam automaticamente e você não mantém nada.

Experimente ao vivo Ver o código Gerar uma chave (sem revisão)

Copiar e colar · coloque antes do </body> do seu site

<script src="https://tutucut.com/embed.js"
        data-key="pk_live_YOUR_KEY"
        data-mount="#cc-editor" defer></script>

Substitua pk_live_YOUR_KEY por uma chave gerada por você mesmo no console (qualquer usuário registrado, sem revisão, efeito imediato); o contêiner #cc-editor precisa ter largura e altura. Registre sua URL de incorporação ao integrar (lista de permissões; use localhost no desenvolvimento local); só aparece nos sites que você registrar.

Experimente ao vivo

Clique no botão abaixo para experimentar o editor de vídeo incorporado nesta própria página.

API JS (para callbacks / personalização)

<script src="https://tutucut.com/embed.js"></script>
<script>
  const cc = TutuCut.mount('#cc-editor', {
    key: 'pk_live_YOUR_KEY',
    theme: 'auto',            // auto | light | dark
    onSave: (file) => {
      // file.dataUrl = current frame image (base64)
      upload(file.dataUrl);
    }
  });
  cc.open('https://your.site/clip.mp4'); // import a media clip
</script>

Referência completa de parâmetros

Parâmetro	Tipo	Descrição
key	string	Sua chave pública pk_ (gerada no console). Obrigatório.
theme	'auto'\|'light'\|'dark'	Tema; auto segue o modo claro-escuro do host/sistema.
hideHeader	boolean	Oculta a barra superior (quando você cria sua própria UI e exporta via export()).
hideOpen	boolean	Oculta o botão "Abrir mídia".
hideExport	boolean	Oculta o botão "Exportar e baixar".
saveText	string	Texto do botão "Concluir" (padrão "Concluir e devolver", ≤16 caracteres).

Métodos

cc.open(url, name?)Importa um clipe de mídia para a linha do tempo (url de vídeo/áudio/imagem ou dataURL).
cc.export(format?)Exporta o quadro atual → Promise<{dataUrl,mime,size}>.
cc.setTheme('dark')Alterna o tema em tempo de execução.
cc.destroy()Desmonta o widget (remove o iframe).

Callbacks de eventos

onReady()O editor está pronto.
onSave(file)O usuário toca em "Concluir" → file.dataUrl é a imagem do quadro atual.
onError(e)e.message é legível (não habilitado / sem permissão / falha ao carregar).
onClose()A sobreposição em tela cheia foi fechada.

Segurança · atualizações automáticas

· Autoatendimento, aprovação automática: qualquer usuário registrado obtém uma chave registrando um nome de site + URL de incorporação no console, com efeito imediato.
· A chave é pública; o abuso é evitado por uma lista de permissão/bloqueio de URLs registradas (o bloqueio tem prioridade). Domínios não registrados são rejeitados com um aviso para registrar; você pode ativar ou desativar a qualquer momento.
· Análise por origem real: cada carregamento é contado por Origin (inclusive os bloqueados); o console mostra o detalhamento por origem e domínios não registrados podem ser adicionados à lista de permissões em um clique.
· O editor roda no próprio domínio do TutuCut (isolado); sua página não acessa nenhuma credencial do TutuCut, e as obras privadas de um visitante no TutuCut nunca aparecem no widget incorporado.
· O widget é auto-hospedado e atualizado automaticamente pelo TutuCut — melhorias não exigem alterações de código suas e zero manutenção.