La façon dont nous consommons du contenu vidéo en ligne a évolué de manière spectaculaire au cours des dernières années. Des tutoriels YouTube aux diffusions en direct de Twitch, en passant par les vidéos Facebook, le contenu professionnel sur Vimeo et le contenu d'entreprise avec les utilisateurs de Cloudflare Stream, l'objectif est d'obtenir une lecture transparente quel que soit le support. Aujourd'hui, nous sommes ravis d'annoncer une importante mise à jour architecturale pour MYETV qui rend cette vision réalité : notre nouveau système de plugin open source.
Le défi du contenu vidéo multiplateforme
Chaque plateforme vidéo a son propre API, ses propres particularités et ses propres exigences. La création d'un lecteur unifié capable de gérer YouTube, Vimeo, Facebook, Cloudflare Stream et Twitch ne consistait pas seulement à intégrer des iframe, cela nécessitait une intégration approfondie avec chaque plateforme SDK, le respect de leurs conditions d'utilisation et la création d'une expérience utilisateur cohérente sur toutes ces plateformes.
Entrez l'architecture de plugin
Nous avons entièrement redessiné le lecteur vidéo MYETV avec un système de plugin modulaire qui est maintenant entièrement open source sur GitHub. Chaque plateforme prise en charge dispose de son propre plugin dédié qui gère tout, de l'initialisation vidéo à la sélection de la qualité, en passant par la gestion des sous-titres et la compatibilité avec le mode plein écran.
La beauté de ce système réside dans sa simplicité pour les utilisateurs finaux. Lorsque vous partagez un lien via le partage de contenu MYETV, la plateforme détecte automatiquement le service à partir duquel vous le partagez et charge le plugin approprié. Partagez un lien YouTube ? Le plugin YouTube s'en charge. Une diffusion en direct de Twitch ? Le plugin Twitch prend le relais. Voulez-vous un streaming adaptatif htl/dash avec Cloudflare Stream ? Vous pouvez. Cette détection et cette charge se font automatiquement en arrière-plan, vous offrant une expérience MYETV cohérente, quel que soit le support source.
Ce que chaque plugin apporte à la table
Plugin YouTube
Notre plugin YouTube est doté de nombreuses fonctionnalités, notamment la sélection de la qualité adaptative en fonction de votre vitesse de connexion grâce à l'API d'informations sur le réseau, la gestion complète des sous-titres avec des capacités de traduction automatique, le mode de diffusion en direct et une barre de contrôle entièrement responsive qui s'adapte aux appareils mobiles. Le plugin respecte les exigences de l'API YouTube tout en offrant des fonctionnalités avancées telles que les opérations de recherche via notre barre de progression personnalisée et le positionnement des outils d'aide pour un retour d'information optimal à l'utilisateur.
Plugin Vimeo
L'intégration Vimeo se concentre sur la diffusion de contenu professionnel avec un support pour une lecture de haute qualité, le respect des paramètres de confidentialité et un enregistrement intégré. Le plugin maintient les normes de qualité vidéo exceptionnelles de Vimeo tout en s'intégrant à l'interface utilisateur unifiée de MYETV.
Plugin Facebook
Il s'agit peut-être de l'intégration la plus complexe, le plugin Facebook gère la position complexe des iframe, la gestion de la visibilité de la barre de contrôle, la compatibilité avec le mode plein écran sur les navigateurs et la gestion sophistiquée des interactions de la souris. Nous avons résolu de nombreux cas limites concernant la position de la vidéo, la fonctionnalité de la barre de progression et les mécanismes de masquage automatique pour garantir une lecture fluide du contenu Facebook.
Plugin Cloudflare Stream
Pour ceux qui utilisent Cloudflare Stream pour l'hébergement de leurs vidéos, notre plugin offre un support robuste des protocoles DASH et HLS. Cela permet le streaming adaptatif en fonction de la bande passante disponible, tout en maintenant un point d'intégration simple pour les créateurs de contenu.
Twitch Plugin
Le plugin Twitch permet d’intégrer la fonctionnalité de diffusion en direct dans MYETV avec la gestion d’événements pour une interaction en temps réel, une intégration correcte avec l’API joueur Twitch et la prise en charge à la fois des contenus VOD et en direct. Nous avons mis en œuvre avec soin les opérations de pause, de lecture et de recherche pour fonctionner de manière transparente avec l’infrastructure de diffusion Twitch.
Open Source et Piloté par la Communauté
Tous ces plugins sont disponibles en open source sur notre dépôt GitHub. Cela signifie que les développeurs peuvent examiner comment chaque plugin fonctionne, contribuer des améliorations, signaler des problèmes ou même créer leurs propres plugins pour d’autres plateformes.
Le framework de lecteur vidéo principal est conçu pour être extensible, avec une API de plugin claire qui facilite l’ajout d’une prise en charge de nouvelles plateformes. Chaque plugin est autonome dans le répertoire des plugins, ce qui rend le code de base maintenable et modulaire.
Points Techniques
Le système de plugin utilise des pratiques JavaScript modernes, notamment :
- Chargement dynamique des plugins en fonction de la détection de l’URL
- Architecture événementielle pour la gestion de l’état du joueur
- Conception responsive qui s’adapte à différentes tailles d’écran
- Style basé sur SCSS pour un thème cohérent sur tous les plugins
- Authentification et mesures de sécurité API appropriées
- Gestion de la communication d’origine croisée là où cela est nécessaire
Chaque plugin gère son propre démarrage, le contrôle de la lecture et le nettoyage, ce qui garantit que le passage entre différentes sources vidéo ne laisse pas de fuites de mémoire ou d’écouteurs d’événements obsolètes.
Comment l’Intégration du Partage Fonctionne
L’une des fonctionnalités les plus puissantes de MYETV est l’intégration du partage de contenu. Lorsque vous collez un lien vidéo dans MYETV’s sharer- [Sharer: the section of the platform with which the networks can share content, inside or outside of the platform] - , notre système analyse l’URL pour déterminer d’où elle provient. Cette détection se produit instantanément et le plugin approprié est chargé automatiquement.
Par exemple, si vous partagez un lien comme youtube.com/watch?v=..., le plugin YouTube est initialisé ; si c’est un lien vimeo.com/..., le plugin Vimeo est chargé à la place ; et ainsi de suite pour chaque plugin disponible. Ce routage automatique signifie que les utilisateurs n’ont jamais à se soucier de quel lecteur utiliser, MYETV s’en occupe pour eux.
Le partage conserve également les métadonnées de la vidéo, les horodatages et les informations de la liste de lecture là où cela est applicable, ce qui garantit que le contenu partagé conserve son contexte et sa position de visionnage.
Que Faire de la Mise à Jour Halloweek?
Vous avez peut-être remarqué que nous ne publions pas notre mise à jour traditionnelle Halloweek cette année. La raison en est que MYETV a suivi un schéma où les mises à jour thématiques alternent entre les années paires et impaires. Étant donné que 2025 est une année impaire, nous concentrons nos efforts de développement sur quelque chose de bien mieux, notre mise à jour de fin d’année de Noël et les fonctionnalités de revue des années 2025.
Cette décision nous permet de consacrer plus de temps à l’affinage du système de plugin que nous venons de lancer, à recueillir des commentaires de la communauté et à préparer une mise à jour de Noël spectaculaire qui mettra en valeur tout ce que MYETV est devenu tout au long de l’année. Pensez à la qualité plutôt qu’à la quantité, il est préférable de livrer une seule mise à jour incroyable plutôt que de précipiter plusieurs mises à jour plus petites.
Nous décorerons l’ensemble du site pour Halloween, mais c’est cette mise à jour Halloween que vous lisez.
En Avant
Le lancement de notre architecture de plugin n’est que le début. Nous explorons déjà des intégrations de plateformes supplémentaires, un support mobile amélioré et encore plus d’options de personnalisation pour l’interface du lecteur. La nature open source du projet signifie que la communauté peut contribuer à façonner ces priorités.
Que vous soyez un créateur de contenu souhaitant partager des vidéos à partir de plusieurs plateformes, un développeur intéressé par la contribution à l’écosystème des plugins ou simplement un utilisateur qui souhaite la meilleure expérience de lecture vidéo, le nouveau système de plugins de MYETV a quelque chose à vous offrir.
Nous vous invitons à explorer les plugins sur GitHub, à les essayer sur myetv.tv et à participer à la construction de l’avenir de la lecture vidéo multiplateforme. Le code est ouvert, l’architecture est solide et les possibilités sont infinies.
Restez à l’écoute de notre mise à jour de vacances à venir prochainement, et joyeux streaming et joyeux Halloween !
