Comment gérer le multimédia dans Drupal ? Module Media

Travailler avec des multimédias est l'un des domaines auxquels les grands sites web doivent faire face. Lorsque plusieurs éditeurs téléchargent un grand nombre de fichiers, organiser vos photos et vidéos peut devenir difficile et chronophage. Drupal propose plusieurs solutions éprouvées pour gérer la bibliothèque multimédia, que je vais présenter dans cet article.

Modules Drupal pour la gestion des multimédias

Drupal offre une grande flexibilité lorsqu'on travaille avec des fichiers sur un site web. Dans les termes les plus simples, vous pouvez utiliser des champs comme "téléchargement de fichiers". Une option plus compliquée consiste à utiliser l'un des modules pour travailler avec les multimédias. Jetons un regard sur trois modules intéressants qui méritent d'être connus.

Module IMCE

IMCE est un gestionnaire de fichiers disponible pour les administrateurs et éditeurs qui permet également d'ajouter, copier et supprimer des fichiers et des répertoires. Il est rapide et pratique, offre un aperçu des photos (y compris la création de miniatures), permet de les trier et de limiter l'espace disque pour les utilisateurs individuels.

Il fut un temps où le module IMCE était indispensable pour tout site Drupal. À ce jour, plus de 340 000 sites l'utilisent, mais sa popularité diminue régulièrement. La raison en est qu'avec plus d'éditeurs il est difficile de garder vos répertoires de fichiers en ordre. Rechercher un élément spécifique est problématique, car les fichiers n'ont qu'un nom et un type. Il est également impossible de les filtrer selon des critères sélectionnés. Malgré l'existence de la version IMCE pour Drupal 8, les nouveaux sites utilisent généralement d'autres solutions.

 

Projet SCALD

SCALD est un module conçu pour Drupal 7, avec une base d'extensions très riche (plus de 50 modules supplémentaires). Il permet d'ajouter des photos, vidéos et d'autres types de fichiers en tant qu'entités appelées atomes. Chaque atome peut avoir n'importe quelle liste de champs selon laquelle la liste des médias est filtrée. Il n'existe pas de version du module pour Drupal 8, mais il existe un chemin de migration pour les atomes vers l'entité du module Media.

Je mentionne le module SCALD en raison de sa contribution significative à la construction du concept de gestion des médias. Avec les premières de Drupal 6 et 7, l'ère des entités et des champs approchait lentement. Les premières idées ont commencé à émerger pour présenter les fichiers comme des entités pouvant être décrites de n'importe quelle manière. C'est ainsi que le projet SCALD a été créé – assez niche, bien qu'utilisé au fil des ans sur de grands sites populaires avec des millions de multimédias, tels que Radio France, ARTE TV et Le Figaro.

Module Media

C'est de loin le plus important des modules présentés ici. Il suit une idée similaire à SCALD, car il transforme les fichiers en entités. Il est actuellement utilisé par plus de 180 000 sites basés sur Drupal 7, ainsi que par tous les sites basés sur Drupal 8 et 9. C'est parce que depuis la version 8.4, il est dans le cœur.

Media est un module mature, préparé pendant des années par une équipe de programmeurs expérimentés. Je peux dire avec confiance que c'est l'une des meilleures solutions de gestion multimédia disponibles sur Internet. Qu'est-ce qui rend le module Media si spécial? Je soulignerais ses quatre principaux avantages :

1. Intégration efficace d'une bibliothèque de fichiers dans le modèle d'entité/champ/vue de Drupal. Cette solution offre virtuellement des possibilités infinies pour les développeurs web. Les fichiers peuvent avoir différents modes d'affichage et de formulaire, ils peuvent être utilisés dans de nombreux contextes indépendants. Une photo envoyée via le module Media peut être utilisée plusieurs fois, à la fois comme miniature dans le contenu de l'article et, par exemple, comme fond d'une grande bannière.
2. Abandon du modèle répertoire/fichier. Lors du téléchargement d'une photo ou d'une vidéo, l'éditeur ne décide plus de l'ordre dans la structure des répertoires. C'est fait automatiquement. Le classement se fait en utilisant les champs définis dans le média. Vous pouvez, par exemple, ajouter une catégorie aux fichiers, puis l'utiliser pour rechercher dans la liste des multimédias.
3. Indépendance des sources multimédias. Sur un site bien conçu, les vidéos fonctionneront de la même manière qu'elles soient téléchargées directement ou via YouTube ou Vimeo. Les photos peuvent également être chargées à partir de plusieurs sources (comme Pixabay ou Google Drive). Une telle approche facilite le travail des éditeurs et permet d'ajouter rapidement des sources supplémentaires si nécessaire.
4. Media n'est plus seulement multimédia. Vous pouvez mettre des documents, des publications Facebook ou des extraits de Google Maps dans la bibliothèque multimédia. Votre seule limite est votre imagination.

En ce qui concerne la migration, rappelez-vous que le module Media existe sous trois formes :

• Version pour Drupal 7
• Version pour Drupal antérieure à 8.4
• Version pour Drupal 8.4 et ultérieure (contenue dans le cœur)

Dans chacun de ces cas, un chemin de migration vers la version cœur est disponible, vous pouvez donc facilement transférer la bibliothèque multimédia vers un Drupal plus récent.

Pourquoi le module Media n'est-il pas utilisé sur chaque site web ?

Cela soulève la question : étant donné que le module Media est si performant et également disponible dans le cœur, pourquoi n'est-il pas activé par défaut et utilisé dans chaque projet de développement Drupal ? C'est parce que de nombreux éléments Media doivent d'abord être configurés par un programmeur. Par conséquent, ce module est une solution sur mesure fortement adaptée aux besoins d'un site web spécifique.

Il est particulièrement problématique de bien afficher les vidéos provenant de sources externes (en raison des capacités limitées des lecteurs externes) et de concevoir des modes d'affichage appropriés pour les médias. Résoudre ces problèmes peut prendre beaucoup de temps. Pour cette raison, chez Droptica, nous utilisons une solution prête à l'emploi incluse dans Droopler, la distribution Drupal.

Module Media dans Droopler

Depuis la version 2.0, Droopler dispose d'un support intégré pour le module Media. Toutes les photos, graphismes, icônes et vidéos sur le site sont stockés dans la bibliothèque de fichiers.

 

C'est parfait si vous avez un site basé sur Droopler 1.x. Lors de la mise à jour vers Droopler 2.x, tous les champs "téléchargement de fichiers" seront automatiquement convertis au nouveau format.

Les fichiers mis dans la bibliothèque peuvent être utilisés dans de nombreux endroits sur le site - comme un fond de paragraphe, une icône, une photo dans une galerie ou une couverture pour un article de blog. Dans chacun de ces contextes, les multimédias seront rognés et ajustés en conséquence. Voici des exemples d'utilisation de la même photo dans une capacité complètement différente :

En tant que tuile

 

En tant que fond de formulaire

 

En tant que couverture de blog

 

Une fois que vous commencez à utiliser Droopler, vous serez étonné de la facilité avec laquelle vous pouvez utiliser les vidéos YouTube et Vimeo. Par exemple, essayez de mettre votre vidéo dans un paragraphe avec une bannière. Dans les options d'édition de paragraphe, ajoutez le média dans le champ "Arrière-plan" :

 

Ensuite, allez à l'onglet "Vidéo", entrez l'adresse de la vidéo, cliquez sur AJOUTER et choisissez un titre pour le nouvel élément ajouté. Enfin, mettez la vidéo dans un paragraphe.

 

L'effet de cette action sera un fond en mouvement qui s'étire sur tout l'écran et se joue en boucle. Les contrôles de YouTube seront cachés, et la vidéo aura une superposition noire transparente, améliorant la lisibilité du texte.

 

Vous pouvez ajouter une vidéo à une galerie de la même manière, et par exemple à côté du texte, dans le paragraphe "Image de la barre latérale". Il n'y a pratiquement aucune restriction ici, tous les éléments s'assemblent bien.

Résumé

La bibliothèque multimédia incluse dans le dernier Drupal fonctionne très bien même avec un grand nombre de sous-pages et d'articles de blog. Vous remarquerez rapidement que la réutilisation des photos et vidéos existantes vous fait gagner du temps et des efforts. Même si le module Media nécessite beaucoup de codage pour chaque nouveau projet, vous pouvez utiliser des "prépacks" tels que Droopler pour commencer à travailler sur le contenu immédiatement.