Faut-il créer votre propre Rendemo ?
Un outil pour transformer des captures d’écran en démonstrations de produit soignées et partageables.
La mécanique d’un outil de création de démonstrations n’a rien de mystérieux : capturer ou importer des séquences, les raccourcir, ajouter des zooms, des sous-titres et un arrière-plan, puis produire un MP4. Un agent peut assembler cela localement avec ffmpeg et une timeline sur canevas en un week-end, et pour un fondateur seul qui prépare une vidéo de lancement, c’est probablement suffisant. Ce qu’il ne vous fournira pas, c’est le bon goût intégré aux préréglages : les courbes d’accélération du zoom automatique, le lissage de la souris, les marges par défaut qui donnent à un enregistrement brut un aspect intentionnel. Vous perdez aussi la lecture hébergée, les statistiques sur les spectateurs et la possibilité de refaire le rendu en 4K sans faire hurler les ventilateurs de votre ordinateur portable. Très bien si vous réalisez des démonstrations occasionnelles, pénible si c’est votre métier.
EN → FRAnalyse traduite automatiquement de l’anglais. Prompt original conservé en anglais.
Build a local-only product demo video editor. No accounts, no cloud, no telemetry.
Stack, no substitutions:
- Vite + React + TypeScript
- Tailwind for UI
- Zustand for editor state
- fluent-ffmpeg driving a locally installed ffmpeg binary, via a small Express server on port 8787
- Projects stored as JSON files in ./projects, media in ./media
Features in scope:
1. Import: drag and drop .mp4 / .mov / .webm files, plus an in-app recorder using navigator.mediaDevices.getDisplayMedia that saves a .webm to ./media.
2. Timeline: single video track, drag to reorder clips, trim handles for in/out points, delete clip.
3. Keyframed zoom: user clicks a point on the preview at a given time and sets a zoom level; interpolate between zoom keyframes with an ease-in-out cubic curve. Default zoom is 1.6x over 700ms.
4. Framing: solid or linear-gradient background, configurable padding, corner radius and drop shadow on the video frame. Presets: 16:9, 1:1, 9:16.
5. Captions: text overlays with start/end time, position, font size, one clean sans font.
6. Preview: canvas-based scrubbing preview at reduced resolution, driven by requestAnimationFrame.
7. Export: POST the project JSON to the server, which builds an ffmpeg filter_complex chain and writes ./exports/NAME.mp4 at 1080p, 30fps, h264, yuv420p. Stream progress back over SSE and show a progress bar.
Out of scope, do not build:
- multi-track audio, music library, transitions beyond hard cuts
- hosted sharing, embeds, view analytics, collaboration
- auto zoom detection from cursor movement
- any login or hosted storage
Requirements:
- Fail loudly at startup if ffmpeg is not on PATH, with the install command in the error.
- No secrets needed, but include .env.example with PORT and MEDIA_DIR anyway.
- README with setup, a worked example project, and a short note on expected render times.
- Type-check clean, no any.Le prompt s’ouvre prérempli dans votre agent. Relisez-le avant de l’exécuter. · ce prompt est généré à partir du plan de construction · améliorez-le via une PR
Comment créer votre propre version ?
Importez des enregistrements d’écran, organisez-les sur une timeline avec zoom automatique, sous-titres et arrière-plan avec marges, puis produisez un MP4 localement avec ffmpeg.
Ce dont vous aurez besoin
- Node 20+
- ffmpeg installé localement
- un navigateur prenant en charge getDisplayMedia si vous voulez la capture dans l’application
- de la patience pour les temps de rendu des longues séquences
Parce que le résultat est destiné au public. Une vidéo de démonstration est un support marketing, et personne ne veut publier une vidéo de lancement qui semble légèrement maladroite à cause d’une mauvaise courbe de zoom. Payer une petite somme mensuelle pour des préréglages affinés par quelqu’un qui fait cela toute la journée est un choix rationnel face à un après-midi passé à ajuster des valeurs cubic-bezier, surtout lorsque l’autre option implique aussi de surveiller vos propres rendus.
xDes préréglages d’animation vraiment esthétiques sans bricolage : courbes d’accélération, lissage de la souris, marges judicieuses
xLa lecture hébergée avec lien de partage, intégrations et statistiques de vues
xUn rendu cloud rapide plutôt que la monopolisation de votre propre CPU pendant dix minutes
xUne bibliothèque de modèles et des kits de marque, pour que chaque démonstration semble appartenir au même ensemble
xQuelqu’un d’autre qui suit les particularités des codecs et de la capture par navigateur
Rien qui mérite d’être cité. C’est pour cela que le prompt existe.
Combien coûte Rendemo ?
- Facturation mensuelle
- 39 $US/mois39 $US/mois
- Par an
- 468 $US/an468 $US/an
- Avec une carte brésilienne, IOF de 3,5% inclus
- 204 R$/mois2 446 R$/an
Enregistré dans Ma liste. Un avis s’affichera ici si le prix change.
Vous finalisez l’achat sur le site de Rendemo. Vibe Radar ne gère aucun paiement.
Construire ou s’abonner à Rendemo ?
Ajustez les chiffres : heures de développement, taux horaire, coûts d’exploitation et prix de l’abonnement.
Sur 24 mois, l’abonnement coûte moins cher.
Heures estimées d’après l’analyse (un week-end). Ne chiffre pas ce que vous perdez (support, intégrations, sécurité).
Puis-je recréer Rendemo ?
En partie. Le cœur de Rendemo se construit en un week-end avec le prompt de cette page, mais il reste de vraies lacunes : Des préréglages d’animation vraiment esthétiques sans bricolage : courbes d’accélération, lissage de la souris, marges judicieuses, La lecture hébergée avec lien de partage, intégrations et statistiques de vues. Lisez la liste ci-dessus avant de vous lancer.
Combien coûte Rendemo ?
Rendemo coûte environ 39 $US/mois (Pro, vérifié le 20/10/2026), soit 468 $US par an.
Que perd-on en remplaçant Rendemo ?
Honnêtement : Des préréglages d’animation vraiment esthétiques sans bricolage : courbes d’accélération, lissage de la souris, marges judicieuses; La lecture hébergée avec lien de partage, intégrations et statistiques de vues; Un rendu cloud rapide plutôt que la monopolisation de votre propre CPU pendant dix minutes; Une bibliothèque de modèles et des kits de marque, pour que chaque démonstration semble appartenir au même ensemble; Quelqu’un d’autre qui suit les particularités des codecs et de la capture par navigateur. Si l’un de ces points compte pour vous, continuez à payer.
Existe-t-il une alternative open source à Rendemo ?
Aucune alternative open source mature à recommander, et c’est précisément pour cela que le prompt de cette page existe.