Générateur de vidéo de site au défilement

Générateur de vidéo de site au défilement, sur un prompt

Un prompt construit une page où la position de défilement est la tête de lecture — la caméra plonge dans une scène, en ressort et atterrit dans la suivante, sans coupe.

Fontaine, la nuit — le terminal de l’aquabus, construit dans le monde Genshin Impact pour cette page. Faites défiler dans le cadre pour traverser trois scènes.

Fontaine, la nuit, construite pour cette page dans le monde Genshin Impact. Faites défiler dans le cadre : trois étapes, trois plongées, deux raccords, un seul vol continu.

The Descent — Chasm City, ponts et tours au-dessus d’un gouffre lumineux, avec navigation par chapitres et texte de scène.

Scroll of Colossal Things — un bouddha taillé dans la falaise, des lianes sur son oreille, texte de scène et lignes de chiffres.

Cronache di Feira e Airalia — Airalia, la cité du ciel, des aigles au-dessus des ponts de nuages, texte italien à gauche.

Fontaine, la nuit — la galerie marchande, titre de scène et navigation par chapitres sur la vidéo générée.

Propulsé par la compétence Scroll World — celle qui a produit chaque image ci-dessous.

The Descent — la porte abandonnée. Un couloir de pierre éclairé s’enfonce dans le noir, avec navigation, 01 / 05, le titre et une ligne de texte. — **La porte abandonnée** — Scène 1 sur 5 : navigation, titre et ligne de texte posés en HTML sur la vidéo. Ce texte reste modifiable après la génération.

The Descent — la descente de cristal. Un pont en spirale de pierre au-dessus d’un gouffre bleu, une cascade derrière. — **La descente de cristal** — En pleine plongée dans la spirale. La caméra bouge, elle n’est pas posée sur une image fixe : le garde-corps défile, le texte tient.

The Descent — le sanctuaire du dragon. Un dragon lové sur un tas d’or et d’œufs dans un caveau inondé, avec un bouton Descendre encore. — **Le sanctuaire du dragon** — Le vol se termine sur le gardien et un bouton Descendre encore. C’est la page qui fixe la longueur du scroll, pas la durée d’un clip.

Scroll of Colossal Things — une baleine grande comme une montagne sous une petite barque, à l’encre, avec texte chinois et lignes de chiffres. — **La baleine** — Cinq chapitres à l’encre. Une image générée par scène, puis le travail de caméra ; les lignes de chiffres et les puces restent en HTML.

Scroll of Colossal Things — le visage d’un vieil homme formé par une crête, brume et pins en dessous. — **La montagne qui dort** — La scène 2 garde le papier, le pinceau et la typo de la scène 1 : chaque image dérive d’une seule référence maîtresse.

Scroll of Colossal Things — une haute pagode dans la brume, la queue d’un dragon et un bouddha de pierre à côté. — **La tour** — Un sujet vertical dans un cadre 16:9 : la composition est choisie pour la page, donc rien ne se letterboxe sur un portable.

Cronache di Feira e Airalia — une cité de cristal bleue dans une caverne, titre italien Feira · la Città di Cristallo. — **Feira, cité de cristal** — Une version italienne : titres, texte et navigation en italien. La page s’écrit dans la langue que vous demandez.

Cronache di Feira e Airalia — une vallée à l’aube, un lac et une forêt, titre italien Il Mondo Esterno. — **Le monde extérieur** — La scène 3 sort des tunnels vers la lumière par un raccord généré — la caméra sort au lieu de couper au noir.

Fontaine, la nuit — le terminal de l’aquabus, titre de scène et navigation sur la vidéo générée, construit pour cette page. — **Le terminal de l’aquabus** — Construite pour cette page dans le monde Genshin Impact : trois scènes, trois plongées, deux raccords, publiés en une page à défilement.

LIVE PROOF

See the work live.

Open the work and use it here.

Une page qui scrube la vidéo, pas une bobine qui se lance.

Studio génère les scènes, les plongées et les raccords, écrit le texte en surimpression, puis publie la page. Ce qui sort est un site statique : les fichiers vidéo, un HTML, un petit moteur de scrubbing. Pas de framework, pas de timeline, pas d’export — ouvrez l’URL et faites défiler.

Le scroll est la tête de lecture — Chaque position correspond à une image. Le visiteur donne le rythme, et s’il s’arrête à mi-chemin, la caméra s’y arrête aussi.
Une lumière, trois scènes — Une image maîtresse fixe la palette et la lumière ; chaque scène en dérive, donc le port de la scène 1 est le même à la scène 3.
Un texte que vous éditez — Titres, surtitres, lignes de chiffres et libellés de navigation sont du HTML dans la page publiée. Changez les mots sans relancer un clip.

Les questions qu’on se pose avant de lancer.

Qu’est-ce qu’un générateur de vidéo de site au défilement ?

Il construit une page où la position de défilement règle la lecture d’un vol de caméra pré-rendu. Vous faites défiler, la caméra traverse des scènes générées — pas de bouton lecture, pas de timeline à monter.

Est-ce une vidéo de mon site qui défile ?

Non. Pour filmer une page existante qui bouge, il faut un outil de capture d’écran. Ici, c’est la page elle-même qui est construite, avec la vidéo dedans, et le défilement pilote la vidéo.

Faut-il GSAP, After Effects ou un monteur ?

Non. La génération écrit du HTML, du CSS et un petit moteur JavaScript ; les clips sont générés. Le résultat tient sur n’importe quel hébergement statique.

Combien de scènes puis-je avoir ?

Trois par défaut, environ 25 Mo de vidéo. Chaque scène ajoute une plongée et un raccord, environ 9 Mo de plus. The Descent, sur cette page, en compte cinq.

Combien de temps prend une génération ?

Les images d’abord, les clips ensuite. Un vol de trois scènes sort généralement en une à deux heures, selon la file vidéo — la construction de Fontaine ici a pris environ 80 minutes.

Ça marche sur téléphone ?

Oui. Le défilement tactile anime le même moteur, et les petits écrans peuvent charger un encodage plus léger pour démarrer la première scène plus vite.

Les raccords sont-ils vraiment invisibles ?

Chaque raccord part de la vraie dernière image de la plongée précédente et finit sur la vraie première image de la suivante. Certaines générations ajoutent un court fondu par sécurité ; demandez des jonctions identiques image par image si vous voulez un raccord net.

Puis-je utiliser mon IP, mes visuels ou mon texte ?

Oui. Construisez dans un monde existant pour garder son casting et son architecture, ou donnez une image de référence. Titres, texte et libellés restent du HTML modifiable.

Donnez trois étapes à un seul lieu.

Le bouton charge un marché nocturne sur le port — étals de poisson, ruelle aux lanternes, sanctuaire sur le toit. Changez le lieu et les étapes dans le champ ; la page revient prête à défiler.

Créer un marché de nuit