Contexte & Enjeux
Directus ne proposait aucune solution native pour intégrer des vidéos sans les stocker directement sur le serveur, ce qui limitait notre capacité à proposer cette fonctionnalité aux clients. L'objectif était de permettre l'intégration de vidéos optimisées sur un site, sans surcharger l'infrastructure serveur.
J'ai géré la totalité du projet en autonomie complète, sans supervision. Je me suis formé sur la documentation Mux, rédigé un cahier des charges définissant un MVP, puis fait évoluer l'extension par itérations successives.
Frontend
- 01.
Module custom ajouté au menu Directus, avec deux vues type dashboard : formulaire d'upload (drag & drop) et bibliothèque vidéos.
- 02.
Recherche par nom, prévisualisation en lecture directe, et gestion intelligente de la suppression (bloquée si liée à un bloc actif).
- 03.
Interface de lecture vidéo custom basée sur les métadonnées Mux.
- 04.
Paramétrage contextuel par vidéo : couleurs, loop, autoplay, résolution.
Backend / Directus
- 01.
Endpoint d'upload : transmission à l'API Mux et réception des métadonnées via webhooks custom.
- 02.
Endpoint de suppression : synchronisation entre Directus et Mux avec vérification d'intégrité.
- 03.
Défi : Conception de l'intégration sans documentation existante, gestion de l'asynchronisme et structuration de la logique métier.
Captures du projet
Point d'entrée UX, facile à comprendre visuellement
Cohérence parfaite avec l'interface native de Directus
Personnalisation contextuelle (loop, autoplay, résolution)
Résultat final intégré via le système de blocs
- Le défi
- Concevoir l'intégration Mux dans Directus sans documentation ni exemple existant, en structurant seul les données et la logique métier, tout en gérant l'asynchronisme.
- Résultat
- N'importe qui dans l'équipe peut désormais uploader et paramétrer une vidéo sans intervention technique. Zéro stockage sur serveur, zéro surcharge d'infrastructure.