Moteur local
03 / Moteur de démonstration
Transformer un parcours produit en vidéo de démonstration prête à diffuser.
01 / Fonctionnalités
Product Video relie découverte, enregistrement, synchronisation des actions et rendu. Un scénario Playwright devient un journal d’actions, puis Remotion compose les mouvements, les titres, le curseur reconstruit et les zooms utiles autour de l’interface réelle.
01 / Fonctionnalités
Les fonctionnalités sont décrites à partir des projets locaux. Les preuves indiquent ce que l’utilisateur peut réellement observer, sans transformer un prototype en produit déjà déployé.
01 / Enregistrer
Le recorder ouvre l’application avec Playwright, suit les étapes du scénario et conserve la vidéo brute, les actions et les traces utiles au debug. La démonstration part du produit, pas d’un écran dessiné à côté.
Playwright · raw.webm · trace · screenshots
02 / Synchroniser
Le fichier `actions.json` devient la source de vérité du montage. Chapitres, titres, highlights, smart zoom et curseur reconstruit restent alignés sur les interactions enregistrées.
actions.json · chapters · smart zoom · cursor
03 / Décliner
Le moteur compose des sorties paysage, portrait et carré à partir de la même séquence. Les formats MP4 et WebM sont produits localement pour servir une landing page, une démonstration ou un canal social.
16:9 · 9:16 · 1:1 · MP4 · WebM
04 / Vérifier
Les sorties QA, frames de validation, traces Playwright et rendus finaux permettent de repérer un mauvais cadrage ou une étape désynchronisée avant de publier la vidéo.
QA · validation · debug · rendu final
02 / Ma contribution
Définir la configuration centrale des scénarios, des timings, du viewport, du curseur et des formats.
Construire le recorder Playwright et le journal d’actions partagé avec le rendu.
Composer les briques Remotion : navigateur, titres, curseur, zoom intelligent, highlights et outro.
Mettre en place les sorties locales, les frames QA et les scénarios de démonstration sur les produits SupraLearning.
03 / Périmètre
La version présentée est un moteur local : chaque application doit être accessible pendant l’enregistrement et chaque scénario doit décrire ses étapes. Les captures montrent des sorties générées dans le projet ; aucune plateforme de diffusion hébergée n’est revendiquée ici.
UN POSTE / UNE MISSION / UN ÉCHANGE
Paris / À distanceDites-moi ce que vos utilisateurs doivent faire, ce qui les bloque et ce que vous voulez construire. Nous pouvons partir de là.
contact@alexatc.comExpérimentation suivante
04Ultimade↗