Puis-je rendre du code HTML et enregistrer un défilement fluide jusqu'à la fin ?

J’ai du code HTML en tant qu’élément, et je veux obtenir un enregistrement qui fait défiler lentement vers le bas à une vitesse spécifiée. Il devrait afficher le HTML, et l’enregistrement devrait également contenir toutes les animations de défilement. Y a-t-il un moyen de le faire dans n8n, sans installer d’autres packages, comme puppeteer ? N’importe quel workflow ou solution serait grandement apprécié. Merci !

Bonjour @SE-automations

n8n ne peut pas faire cela seul. Il n’existe pas de nœud qui rend du HTML et qui enregistre un scroll, et la capture de l’animation de défilement nécessite toujours un moteur de navigateur en cours d’exécution quelque part, ce que tu cherches à éviter.

La façon propre de contourner cela est de déléguer le rendu à une API de capture d’écran/vidéo et de l’appeler avec le nœud HTTP Request. Des services comme ScreenshotOne, urlbox ou APIFreaks prennent ton HTML ou une URL, défilent automatiquement à la vitesse que tu définis, et retournent un MP4 avec l’animation intégrée. Le navigateur headless s’exécute de leur côté, donc rien de supplémentaire à installer dans n8n.

Come ton HTML est simplement un élément, passe-le à un service qui accepte du HTML brut, ou héberge-le d’abord et envoie l’URL.

bonjour @SE-automations

Airtop peut aider en fonctionnant comme un navigateur cloud et en permettant les interactions et les captures d’écran, mais la documentation ne confirme pas la prise en charge de l’enregistrement continu avec défilement fluide. Pour cela, la solution la plus appropriée serait probablement d’utiliser Puppeteer/Playwright, Browserless, ScrapingBee ou une API externe spécialisée.

HTML | n8n Docs
Documentation du nœud Airtop | n8n Docs
Le nœud HTTP Request échoue avec getaddrinfo ou timeout exceeded avec des URL accessibles via le navigateur - Questions - Communauté n8n

Non, n8n n’a pas de nœud natif « afficher HTML + défilement fluide + enregistrement vidéo », et vous ne l’obtiendrez pas sans un véritable moteur de navigateur en cours d’exécution quelque part. Le nœud HTML manipule simplement le HTML, Airtop vous offre un navigateur distant + des captures d’écran, mais aucun des deux ne sortira un MP4 d’une animation de défilement par lui-même.

Si je devais construire cela dans n8n aujourd’hui, je le traiterais comme un problème d’intégration :

  • héberger ou envoyer votre HTML à une API de navigateur/vidéo (ScreenshotOne, urlbox, Browserless…) qui peut faire un défilement automatique et retourner une vidéo, appeler cette API depuis n8n avec HTTP Request,
  • stocker le MP4 retourné dans S3/Drive/Notion ou le renvoyer par email/Slack.

Cela maintient n8n en tant qu’orchestrateur et permet au travail intensif (rendu + défilement + capture) de se produire au bon endroit, un service de navigateur sans interface conçu pour cela.

J’ai consulté les liens, mais ils disent que c’est pour des captures d’écran, alors que je veux faire un enregistrement d’écran. Ai-je mal lu ?

@SE-automations dans ma réponse il y a l’option pour vidéo :wink:

Merci @tamy.santos, je me suis inscrit sur Airtop, puis j’ai ajouté les identifiants au nœud, mais je suis nouveau sur Airtop. J’ai créé une session, puis une fenêtre et ensuite l’interaction de défilement, mais il n’y a toujours pas de fichier .mp4 n’importe où. Est-ce que j’ai fait quelque chose de mal ?

@SE-automations pour répondre à ta dernière question, Airtop ne produit pas d’enregistrements MP4. Il te donne le contrôle du navigateur à distance et des captures d’écran, mais il n’y a pas de sortie « exporter vidéo » à partir de l’interaction de défilement, c’est pourquoi rien n’est apparu. Ce n’est pas quelque chose que tu as mal fait, c’est juste que ce n’est pas pour quoi Airtop a été conçu.

Pour un véritable enregistrement d’écran avec défilement à partir de HTML, l’option la plus épurée qui fonctionne via le nœud HTTP Request dans n8n est ScreenshotOne, il supporte la sortie vidéo/MP4 (pas seulement des captures d’écran), y compris le défilement automatique. Son endpoint /record accepte directement le HTML brut et les paramètres de vitesse de défilement.

Exemple de configuration du nœud HTTP Request :

Méthode : GET

URL : https://api.screenshotone.com/animate

Paramètres de requête :

access_key → ta clé API

html → ta chaîne HTML (encodée en URL)

scenario → scroll

scroll_duration → par ex. 5 (secondes pour faire défiler la page entière)

format → mp4

La réponse revient en binaire, envoie-la vers un nœud Write Binary File ou télécharge-la sur Google Drive/S3.

Si le coût est une préoccupation, Browserless (auto-hébergeable) supporte également l’enregistrement d’écran via des scripts Playwright que tu envoies par HTTP, plus de configuration, mais gratuit si tu l’auto-héberges aux côtés de ton installation Docker n8n.

bonjour @SE-automations
il faut vérifier leur documentation.