Drupal, Video – Créer une galerie vidéos sous Drupal depuis une plate-forme de partage vidéos
On va tirer profit de Drupal afin de créer une galerie de vidéos depuis un service tiers, en clair les nombreuses plate-formes de partage vidéo à l’instar de youtube, vimeo ou dailymotion. Le recours à ces plates-formes évite de surcharger inutilement, dans la délivrance de vidéos, le serveur qui héberge votre site en plus d’une multitude d’autres services.
L’environnement dans lequel nous avons travaillé est un Drupal version 6.17. Le module que nous allons utiliser est le suivant emfield-6.x-1.24.tar.gz
. Il est nécessaire d’installer un module qui permet de paramétrer les views
(vues) : views-6.x-2.11.tar.gz
.
Il vous faudra activer le module Views
- Embedded Media Field –
emfield-6.x-1.24.tar.gz
http://drupal.org/project/emfield - Views –
views-6.x-2.11.tar.gz
http://drupal.org/project/views
Installation du module Embedded Media Field
Pour se faire, on va installer un module nommé Embedded Media Field
. La fonction principale de ce module est de permettre la création de champs spécifiques (fields) attachés à des types de contenu (content types).
La description du module Embedded Media Field
This extensible module will create fields for node content types that can be used to display video, image, and audio files from various third party providers.
Source : http://drupal.org/project/emfield
Configuration du module Embedded Media Field
Une fois le module installé, il faut se rendre dans la partie Content management
où vous pouvez configurer le module Embedded Media Field
.
Il va falloir activer les différentes sources ou fournisseurs que vous souhaitez utiliser pour votre galerie de vidéos. Si toutes vos vidéos sont diffusées depuis vimeo.com, il faudra donc paramétrer Vimeo configuration
afin d’autoriser l’utilisation de vos vidéos dans Drupal.
Cette activation est globale pour l’ensemble du site. Ici, l’activation de la plate-forme Vimeo
Création du type de contenu video
On crée un type de contenu nommé video
dont on supprime dans Submission form settings
le champs Body
On dispose d’un content type
nommé video
comme il existe un type de contenu nommé Story
. Il existe aussi un homme nommé cheval mais c’est une autre histoire !
Ajouter des champs à video
C’est une fois que votre contenu type video
a été crée que vous allez rajouter des champs spécifiques à l’aide du module Embedded Media Field
.
On va rajouter un champs nommé video_url
dont le type sera Embedded video
Une fois le champ ajouté, il est possible de le paramétrer de manière plus pointu notamment la taille de la vidéo, la taille de la prévisualisation…etc.
Créer du contenu via le content type “video”
Cela suppose de créer du contenu qui comprend à chaque fois une vidéo. Une fois le contenu créé, il faut aller créer un vue (view) pour publier effectivement l’ensemble des insertions de vidéo que vous venez de faire.
Ajout d’une video Vimeo
Ajout d’une video YouTube
Créer la vue de la galerie de vidéos
La vue (view) se nomme video_gallery
dont le type est node
Il faut préciser le chemin (path) où sera accessible votre galerie de vidéos.
Etant en local, notre “path” sera le suivant http://127.0.0.1/DRUPAL_6_17/video
Il faudra ensuite sélectionner les filtres suivants video
et published
pour qualifier ce node
appelé dans la vue (view).
- Le premier filtre est le “Type” est “video”.
- Le deuxième filtre est que le node doit être publié (published)
On a choisi aussi dans le panneau “Basics settings” de mettre l’affichage des vidéos sous forme de grille (grid)
Le premier filtre est le “Type” est “video”
Le résultat
Vous possédez désormais sur votre site une galerie de vidéos provenant de Vimeo et de YouTube, disponible à l’adresse http://127.0.0.1/DRUPAL_6_17/video
.
En savoir plus
Les vidéos Vimeo utilisées sont tirées d’un autre article de ce blog.
- Burgos, Espagne
http://vimeo.com/10520963 - Tallinn, Estonie
http://vimeo.com/10323109 - Yokohama, Japon
http://vimeo.com/1259473 - Uppsala, Suède
http://vimeo.com/11550813 - Les vidéos sont tirées d’un article de ce blog “Flex, Google Map, vidéo – Synchroniser une vidéo et une carte google”
http://social.hecube.net/blog/2010/05/28/flex-google-map-video-synchroniser-une-video-et-une-carte-google/
3 autres modules qui ne sont pas utilisés dans cette article mais sont données juste pour information :
- Panels –
panels-6.x-3.7.tar.gz
http://drupal.org/project/panels - Content Construction Kit (CCK)
cck-6.x-2.8.tar.gz
http://drupal.org/project/cck - Chaos tool suite –
ctools-6.x-1.7.tar.gz
http://drupal.org/project/ctools