El Paquete de Sitios Web Seedance 2.5 La guía completa para crear sitios web cinematográficos controlados por scroll con Seedance 2.5: qué puede y qué no puede hacer el modelo, la receta de construcción en siete pasos y seis prompts listos para copiar y pegar que convierten una frase en un sitio publicado.
Qué es realmente Seedance 2.5
Seedance 2.5 es el modelo de video multimodal de ByteDance en Higgsfield MCP. La característica más importante para trabajar con sitios web es la duración: una sola generación puede durar hasta treinta segundos. Es tiempo suficiente para todo el recorrido de scroll en una única toma continua, sin encadenamientos, empalmes ni pérdida de continuidad. También interpreta referencias de imagen, video y audio al mismo tiempo, y puede extender o editar clips existentes.
Modos t2v (solo prompt) · omni_reference (referencias de imagen / video / audio) · video_edit (editar un video de referencia) · video_extension (extender un clip hacia adelante o hacia atrás)
Duración de 4 a 30 segundos. Valor predeterminado: 5. Esta es la función principal; nada más aquí supera los 15.
Resolución de 480p o 720p. 720p es el límite: mejora la resolución del clip que conserves antes de extraer sus frames.
Referencias start_image, end_image, image_references, video_references, audio_references
Proporciones auto, 21:9, 16:9, 4:3, 1:1, 3:4, 9:16
Audio generate_audio predeterminado es true. Siempre configúralo como false para trabajar con websites: estás recopilando frames, no publicando un video.
Cuesta 6,5 créditos por segundo en 720p. 3 créditos por segundo en 480p. El costo es exactamente lineal: un clip de 10 segundos en 720p cuesta 65 créditos y una toma completa de 30 segundos cuesta 195.
Procesando en 720p
720p es el límite, así que considéralo una restricción de diseño. Los frames extraídos directamente de una renderización en 720p se ven suaves y estirados en un hero a pantalla completa en una pantalla grande. La solución es pasar el clip que conservas por el escalador de video a 2K con el preset AIGC y luego extraer frames de la versión ampliada a 1600 píxeles de ancho. El material generado aumenta de resolución limpiamente y solo hace falta hacerlo con el clip final. Haz borradores en 480p mientras pruebas el movimiento de cámara y luego pasa a 720p cuando esté bien.
Cómo crear un sitio web con esto
El efecto viral de "scroll 3D" no es Three.js. Es un scrub de secuencia de imágenes en canvas: un clip cinematográfico corto se exporta a aproximadamente 180 fotogramas numerados, todos precargados, y la posición del scroll determina qué fotograma se dibuja en el canvas. Al desplazarte hacia adelante y hacia atrás, el clip se reproduce. El efecto 3D viene completamente del video. Aquí tienes todo el pipeline.
1 Pega el prompt completo sin editarlo la primera vez. Cada prompt de abajo es un brief completo: las tomas, la estructura del sitio, la dirección de diseño y la instrucción para iniciar y verificar. Ejecútalo tal cual una vez antes de empezar a personalizarlo.
2 Genera UNA imagen hero primero y luego refiérela en todos lados. Crea un único still con GPT Image 2 o Nano Banana Pro y luego pasa ese job id como start_image en todos los clips. Así mantienes tu producto, persona o edificio idéntico en todos los shots. Esa es la diferencia entre un sitio que parece caro y uno que parece generado.
3 Elige la forma de tu recorrido. Una toma larga (hasta 30s) es la opción más limpia y es exclusiva de 2.5. Para ir más lejos, encadena clips usando el frame final de cada clip como start_image del siguiente: extráelo con ffmpeg, súbelo y reutilízalo. O usa video_extension para extender un clip que ya te guste.
4 Pide movimiento continuo y dilo dos veces. Incluye «una toma continua, sin cortes, sin vibración de cámara» en todos los prompts de movimiento. Un corte brusco parece un error cuando el visitante vuelve hacia arriba al desplazarse, y la cámara en mano parece un glitch al ritmo del desplazamiento.
5 Aumenta la resolución antes de cortar los cuadros. Los cuadros en 720p estirados en un hero de 27 pulgadas se ven suaves. Primero pasa el cuadro seleccionado por el escalador de video a 2K (el preset AIGC sirve para material generado) y luego córtalo. El aumento de resolución no incluye una verificación previa del costo, así que revisa tu saldo antes y después.
6 180 cuadros, 1600 píxeles de ancho, calidad 86. Ese es el punto ideal: lo bastante fluido para percibirse como video y lo bastante ligero para precargarlo. Más cuadros o cuadros más grandes no aportan nada, salvo más tiempo de carga.
7 Haz que el asistente inicie y verifique antes de informar que terminó. Termina cada prompt con esta instrucción. «Inicia en localhost y verifica que funcione cada animación de desplazamiento antes de decirme que está listo» convierte una construcción esperanzadora en una verificada.