¿Afecta al aislamiento de origen cruzado de mi página?

No. El editor funciona en un iframe del propio dominio de TutuCut y no necesita SharedArrayBuffer, así que tu página no requiere cabeceras COOP / COEP.

¿Se suben los vídeos de los visitantes a vuestros servidores?

No. La edición ocurre en el navegador del visitante y el modo incrustado ni siquiera deja borradores allí. Tu página solo recibe la imagen que se entrega cuando el visitante pulsa Listo.

¿Cómo consigo una clave?

Inicia sesión, registra en la consola el nombre del sitio y la URL de la página y obtendrás una clave pública que funciona al instante. La clave es pública; el mal uso se bloquea con las listas de URL permitidas y bloqueadas que registres (manda el bloqueo).

Editor de vídeo incrustable

Una línea de código pone un editor con línea de tiempo en tu web.

Widget integrable Pruébalo en vivo Ver el código Generar una clave (sin revisión)

El componente incrustable de TutuCut: con una línea de código añades a cualquier web un editor de vídeo con línea de tiempo (cortes, subtítulos, efectos, transiciones). Tema, herramientas y exportación configurables, listas de dominios permitidos y bloqueados, y las actualizaciones del editor se aplican solas.

Una etiqueta script pone el editor con línea de tiempo de TutuCut en tu página. Los visitantes recortan y añaden subtítulos y efectos allí mismo; al pulsar Listo, el fotograma actual llega a tu página como imagen mediante el callback onSave.

Copiar y pegar · colócalo antes del </body> de tu sitio

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

Reemplaza pk_live_YOUR_KEY por una clave que generes tú mismo en la consola (cualquier usuario registrado, sin revisión, efecto inmediato); el contenedor #cc-editor debe tener ancho y alto. Registra tu URL de inserción al integrar (lista blanca; usa localhost para desarrollo local); solo se muestra en los sitios que registres.

Pruébalo en vivo

Haz clic en el botón de abajo para probar el editor de vídeo integrado en esta misma página.

API de JS (para callbacks / personalización)

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

Referencia completa de parámetros

Parámetro	Tipo	Descripción
key	string	Tu clave pública pk_ (generada en la consola). Obligatorio.
theme	'auto'\|'light'\|'dark'	Tema; auto sigue el modo claro-oscuro del host/sistema.
hideHeader	boolean	Oculta la barra superior (cuando creas tu propia interfaz y exportas con export()).
hideOpen	boolean	Oculta el botón «Abrir medios».
hideExport	boolean	Oculta el botón «Exportar y descargar».
saveText	string	Texto del botón «Listo» (por defecto «Listo y devolver», ≤16 caracteres).

Métodos

cc.open(url, name?)Importa un clip de medios a la línea de tiempo (url de vídeo/audio/imagen o dataURL).
cc.export(format?)Exporta el fotograma actual → Promise<{dataUrl,mime,size}>.
cc.setTheme('dark')Cambia el tema en tiempo de ejecución.
cc.destroy()Desmonta el widget (elimina el iframe).

Callbacks de eventos

onReady()El editor está listo.
onSave(file)El usuario toca «Listo» → file.dataUrl es la imagen del fotograma actual.
onError(e)e.message es legible (no habilitado / sin permiso / fallo de carga).
onClose()Se cerró la superposición de pantalla completa.

Seguridad · actualizaciones automáticas

· Autoservicio, aprobación automática: cualquier usuario registrado obtiene una clave registrando un nombre de sitio + URL de inserción en la consola, con efecto inmediato.
· La clave es pública; el abuso se evita con una lista blanca/negra de URL registradas (la negra tiene prioridad). Los dominios no registrados se rechazan con un aviso para registrarlos; puedes activarlo o desactivarlo cuando quieras.
· Estadísticas por origen real: cada carga se cuenta por Origin (también las bloqueadas); la consola muestra el desglose por origen y los dominios no registrados se añaden a la lista blanca con un clic.
· El editor se ejecuta en el propio dominio de TutuCut (aislado); tu página no puede acceder a ninguna credencial de TutuCut, y las obras privadas de un visitante en TutuCut nunca aparecen en el widget integrado.
· El widget es autoalojado y actualizado automáticamente por TutuCut: las mejoras no requieren cambios de código por tu parte y cero mantenimiento.

Preguntas frecuentes

¿Afecta al aislamiento de origen cruzado de mi página?: No. El editor funciona en un iframe del propio dominio de TutuCut y no necesita SharedArrayBuffer, así que tu página no requiere cabeceras COOP / COEP.
¿Se suben los vídeos de los visitantes a vuestros servidores?: No. La edición ocurre en el navegador del visitante y el modo incrustado ni siquiera deja borradores allí. Tu página solo recibe la imagen que se entrega cuando el visitante pulsa Listo.
¿Cómo consigo una clave?: Inicia sesión, registra en la consola el nombre del sitio y la URL de la página y obtendrás una clave pública que funciona al instante. La clave es pública; el mal uso se bloquea con las listas de URL permitidas y bloqueadas que registres (manda el bloqueo).