Comment créer une vidéo de défilement de site web

1. 1

   Collez le lien

   Collez l’adresse dans le champ de la page d’accueil et appuyez sur Entrée. Nous ouvrons la page dans un vrai navigateur, attendons les polices et les images chargées à la demande, puis la lisons de haut en bas. Rien n’est enregistré depuis votre écran.

2. 2

   Choisissez l’appareil et le format

   Avec Ordinateur, la page est lue à la largeur d’un écran de bureau et vous avez le choix entre 16:9, 4:3 et 1:1. Avec Tablette et Mobile, elle est lue à ces largeurs, si bien que le site sert sa vraie mise en page responsive, et vous avez le choix entre 9:16, 4:5 et 1:1. Vous devez respecter des dimensions précises ? Saisissez plutôt une taille exacte.

3. 3

   Réglez la durée

   La durée va de 2 à 90 secondes, et elle fixe aussi la vitesse du défilement : la même page en six secondes est un teaser, en trente c’est une visite.

4. 4

   Choisissez le mouvement

   Fluide accélère et ralentit en douceur, Glissé part vivement puis glisse jusqu’à l’arrêt, Linéaire garde une seule vitesse, et Pulsé descend la page section par section. Réglez la Lecture sur Aller-retour si la vidéo doit boucler sans raccord visible.

5. 5

   Ajoutez des temps d’arrêt, des pauses et des survols

   Facultatif, mais c’est là que se joue l’essentiel de la finition. Marquez un temps d’arrêt de 10 secondes au plus au début ou à la fin, arrêtez-vous sur 6 sections au plus, et dirigez un curseur vers des boutons et des cartes pour que leurs effets de survol se déclenchent.

6. 6

   Regardez l’aperçu, puis exportez

   L’aperçu se lit dans votre navigateur et ne coûte rien, autant de fois que vous le relancez. Quand le résultat vous convient, exportez un MP4, un WebM ou un GIF. Le coût exact en crédits est affiché sur le bouton Exporter avant que vous appuyiez.

La plupart des réglages de l’éditeur ont une valeur par défaut raisonnable. Ceux-ci méritent un second regard.

Si la page est longue et que seule la moitié supérieure fait vendre, faites glisser les poignées sous l’aperçu pour choisir où le défilement commence et s’arrête. Un défilement plus court sur la même durée est plus lent, donc plus lisible.

La durée se paie à raison d’un crédit toutes les 2 secondes de vidéo finie, et quelques réglages ajoutent un montant fixe : les résolutions plus élevées, les fréquences d’images plus élevées, la Capture en direct, la largeur tablette ou téléphone, les pauses et les survols. Un export de 10 secondes en 1080p et 60 fps, lu à la largeur d’un ordinateur, coûte 21 crédits : les 51 reçus à l’inscription le couvrent donc deux fois.

Ensuite, les crédits s’achètent en packs (5 $ pour 100, 12 $ pour 400 et 19 $ pour 900) et n’expirent jamais. Il n’y a pas d’abonnement, et aucun filigrane, quel que soit le pack. Comment fonctionnent les crédits donne le tableau complet.

• Une animation d’apparition manque ou une section paraît vide. Le moteur rapide fait défiler une image fixe de la page, donc les effets déclenchés au défilement ne se jouent pas. Passez le moteur en Capture en direct, ou activez « Stabiliser les animations » pour les amener à leur état final. Voir capturer les animations au défilement.
• Un bandeau cookies ou une bulle de chat est passé entre les mailles. Laissez « Supprimer les bandeaux cookies et les fenêtres » activé, et ajoutez ce qui lui a échappé dans « Masquer des éléments » sous forme de sélecteur CSS. Plus de détails dans retirer les pop-ups d’un enregistrement.
• La page affiche un écran de connexion ou une erreur. Elle doit être publique. Nous ne pouvons pas nous connecter à votre place, et certains sites refusent purement et simplement les navigateurs automatisés.
• La vidéo mobile ressemble à une page d’ordinateur écrasée. Choisissez Mobile comme appareil plutôt qu’un format d’image vertical sur Ordinateur, pour que le site serve sa mise en page pour téléphone. Voir enregistrer la version mobile.