Zum Hauptinhalt springen
Hooks

Live-Ausgabe der echten Render-Engine — ändere die Einstellungen und sie aktualisiert sich sofort.

Musik-Visualizer

gestaltete motion-karten

Ein kreisförmiges Spektrum pulsiert um sich drehendes Cover über einem gespiegelten Balkenspektrum, mit Titel, Künstler und laufendem Fortschrittsbalken.

Ideal für: Musik-Releases, Song-Teaser und Now-Playing-Posts.

Einstellungen

Schrift
Theme
Größe
Stimmung

Formate, die die Bildprüfung bestanden haben

Musik-Visualizer
16:9
Musik-Visualizer
9:16
1:1
1:1

Was du schreibst

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

Bilder (image) kommen aus dem Bild der Szene, sonst aus einem Verlauf in deinen Farben.

Eine Code-Vorlage: in jedem Tarif kostenlos, ohne KI-Credits.

In einem Film verwenden

Was du ändern kannst:rushie.props.titlerushie.props.namerushie.props.bpmrushie.props.lengthrushie.props (others)
Für Entwickler (MCP und JSON)

Das ist genau die Szene für create_animation (MCP): Struktur behalten, Worte ändern und den Sprechertext schreiben — die Stimme bestimmt, wie lange die Szene dauert. Mit set_data in update_storyboard einfügen, um einen fertigen Film zu ändern.

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

Weitere Hooks-Animationen