Ir al contenido principal
Ganchos

Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.

Visualizador musical

tarjetas animadas de diseño

Un espectro circular late alrededor de una portada giratoria sobre un espectro de barras en espejo, con la canción, el artista y una barra de progreso.

Ideal para: lanzamientos musicales, avances de canciones y publicaciones de «sonando ahora».

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Visualizador musical
16:9
Visualizador musical
9:16
1:1
1:1

Lo que escribes

  • title Track title (≤40)· obligatorio
  • name Artist name (≤40)· obligatorio
  • bpm Tempo the spectrum pulses to (≤180)· obligatorio
  • length Track length shown at the end of the progress bar, as m:ss (≤6)· obligatorio
  • kicker Small line above the title, or empty to hide (≤24)
  • ring How the circular spectrum is drawn
  • cover Cover shape: a spinning disc or a square sleeve

Las imágenes (image) salen de la imagen de la escena o, si no hay, de un degradado con tus colores.

Una plantilla en código: gratis en todos los planes, sin créditos de IA.

Úsala en un vídeo

Lo que puedes cambiar:rushie.props.titlerushie.props.namerushie.props.bpmrushie.props.lengthrushie.props (others)
Para desarrolladores (MCP y JSON)

Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.

{
  "visual": "rushie",
  "heading": "Music visualizer",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "visualizer",
      "props": {
        "kicker": "Now playing",
        "title": "Midnight Drive",
        "name": "Lumen Coast",
        "image": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg",
        "bpm": 112,
        "length": "3:48",
        "ring": "bars",
        "cover": "disc",
        "secondary": "#4cc9f0"
      }
    }
  }
}

Más animaciones de Ganchos