Aller au contenu principal
Accroches

Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.

Visualiseur musical

cartes animées design

Un spectre circulaire pulse autour d'une pochette en rotation au-dessus d'un spectre en barres en miroir, avec titre, artiste et barre de progression.

Idéal pour : sorties musicales, teasers de morceaux et posts « en écoute ».

Réglages

Police
Thème
Taille
Humeur

Formats validés par le contrôle d'image

Visualiseur musical
16:9
Visualiseur musical
9:16
1:1
1:1

Ce que vous écrivez

  • title Track title (≤40)· obligatoire
  • name Artist name (≤40)· obligatoire
  • bpm Tempo the spectrum pulses to (≤180)· obligatoire
  • length Track length shown at the end of the progress bar, as m:ss (≤6)· obligatoire
  • 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

Les images (image) viennent de l'image de la scène, sinon d'un dégradé à vos couleurs.

Un modèle en code : gratuit sur toutes les offres, sans crédits IA.

L'utiliser dans un film

Ce que vous pouvez changer :rushie.props.titlerushie.props.namerushie.props.bpmrushie.props.lengthrushie.props (others)
Pour les développeurs (MCP et JSON)

Voici la scène exacte à envoyer à create_animation (MCP) : gardez la structure, changez les mots et écrivez la narration — c'est la voix qui fixe la durée de la scène. Collez-la dans update_storyboard avec set_data pour modifier un film déjà fait.

{
  "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"
      }
    }
  }
}

Autres animations Accroches