Présentation
Reelzyo est un studio en ligne, vendu par abonnement, qui transforme une fiche produit e-commerce en vidéo publicitaire courte. On colle l’adresse d’une page produit : l’application en lit le contenu et monte un film en vertical, en carré ou au format YouTube.
Le problème
Une boutique en ligne compte des dizaines de produits, et une vidéo par produit coûte cher en montage. Les générateurs automatiques les plus simples produisent des diaporamas — une image, un texte, une transition — qui se reconnaissent au premier coup d’œil.
Mon approche
Traiter chaque photo comme de la matière de motion design plutôt que comme une image à afficher : le produit est détouré, son point d’intérêt repéré, puis il bouge, tourne, passe devant un titre ou reçoit une ombre. Le montage enchaîne un plan par idée — accroche, révélation, arguments, prix, appel à l’action — avec des coupes calées sur la musique. Le tout sans IA générative : le produit à l’écran reste exactement celui de la photo.
Fonctionnalités
- Lecture automatique d’une fiche produit : nom, marque, prix et ancien prix, caractéristiques, photos
- Extension de navigateur et favori pour les boutiques qui refusent la lecture automatique
- Détourage automatique des photos, avec possibilité de fournir sa propre image détourée
- Galerie de gabarits, formats vertical, carré et YouTube
- Musiques libres de droits, montage synchronisé sur le tempo
- Éditeur pour ajuster les textes, les images et les scènes
- Abonnements et paiement en ligne, studio en français et en anglais
- Back-office : comptes, abonnements, messages, connexion par passkey et double authentification
Architecture technique
Le serveur est écrit en TypeScript sur Node.js (Fastify) : comptes, imports, file de rendu, paiement et e-mails. Le studio client est une application Vue 3. Le moteur vidéo s’appuie sur Remotion : chaque gabarit est une composition React rendue côté serveur. Le détourage utilise un modèle de segmentation (IS-Net) exécuté localement avec ONNX Runtime, et les images sont préparées avec Sharp. L’ensemble est livré sous forme d’image Docker.
Choix techniques
La traduction se fait à la compilation : les gabarits sont écrits en français et traduits automatiquement à partir d’un dictionnaire dont la clé est la phrase française elle-même. Une phrase ajoutée sans sa traduction fait échouer les tests, ce qui évite de découvrir un texte non traduit en production. La langue proposée au visiteur dépend de son pays, et son choix est ensuite mémorisé sur son compte.
Difficultés rencontrées
La première difficulté est la variété des boutiques : certaines bloquent la lecture automatique de leurs pages. Plutôt que d’empiler des contournements fragiles, c’est l’extension, dans le navigateur du client, qui transmet la page. La seconde tient au rendu : chaque film fait tourner un navigateur sans écran sur le serveur. Les rendus passent donc par une file unique, et le serveur ne redémarre jamais de lui-même, pour ne pas interrompre un rendu en cours.
Lire des pages aux structures très différentes pour en extraire des données propres, c’est le même problème que les imports de données que je traite en développement sur mesure.
