{"id":1641,"date":"2010-08-31T08:36:31","date_gmt":"2010-08-31T07:36:31","guid":{"rendered":"http:\/\/flaven.fr\/?p=1641"},"modified":"2013-11-27T07:04:07","modified_gmt":"2013-11-27T06:04:07","slug":"drupal-video-creer-une-galerie-videos-sous-drupal-depuis-une-plate-forme-de-partage-videos","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2010\/08\/drupal-video-creer-une-galerie-videos-sous-drupal-depuis-une-plate-forme-de-partage-videos\/","title":{"rendered":"Drupal, Video – Cr\u00e9er une galerie vid\u00e9os sous Drupal depuis une plate-forme de partage vid\u00e9os"},"content":{"rendered":"


\n
\nOn va tirer profit de Drupal afin de cr\u00e9er une galerie de vid\u00e9os depuis un service tiers, en clair les nombreuses plate-formes de partage vid\u00e9o \u00e0 l’instar de youtube, vimeo ou dailymotion. Le recours \u00e0 ces plates-formes \u00e9vite de surcharger inutilement, dans la d\u00e9livrance de vid\u00e9os, le serveur qui h\u00e9berge votre site en plus d’une multitude d’autres services.<\/p>\n

L’environnement dans lequel nous avons travaill\u00e9 est un Drupal version 6.17. Le module que nous allons utiliser est le suivant emfield-6.x-1.24.tar.gz<\/code>. Il est n\u00e9cessaire d’installer un module qui permet de param\u00e9trer les views<\/code> (vues) : views-6.x-2.11.tar.gz<\/code>. <\/b><\/p>\n

Il vous faudra activer le module Views<\/code><\/b>
\n\"Drupal,<\/p>\n

    \n
  1. Embedded Media Field – emfield-6.x-1.24.tar.gz<\/code>
    \n\thttp:\/\/drupal.org\/project\/emfield<\/a><\/li>\n
  2. Views – views-6.x-2.11.tar.gz<\/code>
    \n\t\t    http:\/\/drupal.org\/project\/views<\/a><\/li>\n<\/ol>\n\t\t\t\t\t
    \n\n\t\t\t\t\t
    \n\t\t\t\t\t \"Using<\/a>\n\t\t\t\t\t <\/div>\n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t

    Using Drupal<\/a><\/h2>\n\t\t\t\t\t\t\t\n\t\t\t\t\t

    Un livre complet sur comment construire diff\u00e9rents types de sites Web en utilisant le CMS Drupal, qui est la plate-forme de publication sur le Web tr\u00e8s populaire sur le Web. Drupal est sans doute la meilleure solution de gestion de contenu actuelle bien que la courbe d'apprentissage puisse \u00eatre longue surtout pour les personnes en charge de la gestion du site, disons l'\u00e9quipe \u00e9ditoriale. Le livre pr\u00e9sente de tr\u00e8s nombreuses \u00e9tudes de cas : Gestion des commentaires; Gestion d'un Wiki; Gestion des flux d'\u00e9dition; Gestion d'une galerie de photos; Manager des Sites multilingues ou enfin la gestion de type de contenu comme des \u00e9v\u00e9nements... Bref, un tour d'horizon tout \u00e0 complet.<\/p>\n\t\t\t\t\t\t\t\tGenre(s) : Agile<\/a>, API<\/a>, Applications<\/a>, CMS<\/a>, Database MySQL<\/a>, Development<\/a>, D\u00e9veloppement<\/a>, Drupal<\/a>, Mobile<\/a>, Module<\/a>, Multilingual<\/a>, Open Source<\/a>, PHP<\/a>, PHP Applications<\/a>, SEO<\/a>, SMO<\/a>, Theming<\/a>, Web<\/a>, Web Apps<\/a>, Webdesign<\/a>, Website<\/a>
    Auteur(s) :     Addison Berry<\/a>, Angela Byron<\/a>, Jeff Robbins<\/a>, Nate Haug<\/a>
    Edition(s) :     O'Reilly Media<\/a>
    \n\t\t\t\t\t

    <\/i>+ d'infos<\/span><\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n

    Installation du module Embedded Media Field<\/code><\/h4>\n

    Pour se faire, on va installer un module nomm\u00e9 Embedded Media Field<\/code>. La fonction principale de ce module est de permettre la cr\u00e9ation de champs sp\u00e9cifiques (fields) attach\u00e9s \u00e0 des types de contenu (content types).<\/p>\n

    La description du module Embedded Media Field<\/code><\/b><\/p>\n

    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.<\/p><\/blockquote>\n

    Source : http:\/\/drupal.org\/project\/emfield<\/a><\/i><\/p>\n

    Configuration du module Embedded Media Field<\/code><\/h4>\n

    Une fois le module install\u00e9, il faut se rendre dans la partie Content management<\/code> o\u00f9 vous pouvez configurer le module Embedded Media Field<\/code>.<\/p>\n

    Il va falloir activer les diff\u00e9rentes sources ou fournisseurs que vous souhaitez utiliser pour votre galerie de vid\u00e9os. Si toutes vos vid\u00e9os sont diffus\u00e9es depuis vimeo.com, il faudra donc param\u00e9trer Vimeo configuration<\/code> afin d’autoriser l’utilisation de vos vid\u00e9os dans Drupal.<\/p>\n

    \"Drupal,<\/p>\n

    Cette activation est globale pour l’ensemble du site. Ici, l’activation de la plate-forme Vimeo<\/code><\/b>
    \n\"Drupal,<\/p>\n

    Cr\u00e9ation du type de contenu video<\/code><\/h4>\n

    On cr\u00e9e un type de contenu nomm\u00e9 video<\/code> dont on supprime dans Submission form settings<\/code> le champs Body<\/code><\/p>\n

    \"Drupal,<\/p>\n

    \"Drupal,<\/p>\n

    On dispose d’un content type<\/code> nomm\u00e9 video<\/code> comme il existe un type de contenu nomm\u00e9 Story<\/code>.<\/b> Il existe aussi un homme nomm\u00e9 cheval<\/a> mais c’est une autre histoire !<\/em>
    \n\"Drupal,<\/p>\n

    Ajouter des champs \u00e0 video<\/code><\/h4>\n

    C’est une fois que votre contenu type video<\/code> a \u00e9t\u00e9 cr\u00e9e que vous allez rajouter des champs sp\u00e9cifiques \u00e0 l’aide du module Embedded Media Field<\/code>.<\/p>\n

    On va rajouter un champs nomm\u00e9 video_url<\/code> dont le type sera Embedded video<\/code><\/b><\/p>\n

    Une fois le champ ajout\u00e9, il est possible de le param\u00e9trer de mani\u00e8re plus pointu notamment la taille de la vid\u00e9o, la taille de la pr\u00e9visualisation…etc. <\/p>\n

    \"Drupal,<\/p>\n

    \"Drupal,<\/p>\n

    \"Drupal,<\/p>\n

    Cr\u00e9er du contenu via le content type “video”<\/h4>\n

    Cela suppose de cr\u00e9er du contenu qui comprend \u00e0 chaque fois une vid\u00e9o. Une fois le contenu cr\u00e9\u00e9, il faut aller cr\u00e9er un vue (view) pour publier effectivement l’ensemble des insertions de vid\u00e9o que vous venez de faire.<\/p>\n

    Ajout d’une video Vimeo<\/code><\/b>
    \n\"Drupal,<\/p>\n

    \"Drupal,<\/p>\n

    Ajout d’une video YouTube<\/code><\/b>
    \n\"Drupal,<\/p>\n

    \"Drupal,<\/p>\n

    Cr\u00e9er la vue de la galerie de vid\u00e9os<\/h4>\n

    La vue (view) se nomme video_gallery<\/code> dont le type est node<\/code><\/b>
    \n\"Drupal,<\/p>\n

    Il faut pr\u00e9ciser le chemin (path) o\u00f9 sera accessible votre galerie de vid\u00e9os.<\/b>
    \nEtant en local, notre “path” sera le suivant http:\/\/127.0.0.1\/DRUPAL_6_17\/video<\/code>
    \n\"Drupal,<\/p>\n

    Il faudra ensuite s\u00e9lectionner les filtres suivants video<\/code> et published<\/code> pour qualifier ce node<\/code> appel\u00e9 dans la vue (view). <\/p>\n

      \n
    1. Le premier filtre est le “Type” est “video”.<\/li>\n
    2. Le deuxi\u00e8me filtre est que le node doit \u00eatre publi\u00e9 (published)<\/li>\n<\/ol>\n

      On a choisi aussi dans le panneau “Basics settings” de mettre l’affichage des vid\u00e9os sous forme de grille (grid)<\/p>\n

      \"Drupal,<\/p>\n

      Le premier filtre est le “Type” est “video”<\/b>
      \n\"Drupal,<\/p>\n

      \"Drupal,<\/p>\n

      Le r\u00e9sultat<\/h4>\n

      Vous poss\u00e9dez d\u00e9sormais sur votre site une galerie de vid\u00e9os provenant de Vimeo et de YouTube, disponible \u00e0 l’adresse http:\/\/127.0.0.1\/DRUPAL_6_17\/video<\/code>. <\/p>\n

      \"Drupal,<\/p>\n

      En savoir plus<\/h2>\n

      Les vid\u00e9os Vimeo utilis\u00e9es sont tir\u00e9es d’un autre article de ce blog.<\/b><\/p>\n