article publié le 17 janvier 2012
par willy Bahuaud
”Un tutoriel pour utiliser l'API javascript de Dailymotion dans le but de faire une galerie de vidéo à la demande sur son site.”
→ voir les 20 commentaires

Sa galerie VOD avec l'API Dailymotion

Suite au précédent tutoriel pour apprendre à faire une galerie vidéo avec l'API javascript de Youtube, voyons maintenant comment prendre en main celle de Dailymotion. Plus simple pour certaines choses, plus compliquée sur d'autres, les deux API se valent...

Mais quel intérêt y'a t'il alors à utiliser l'une ou l'autre ? Tout simplement car vous ne trouverez pas forcément les mêmes vidéos sur les deux services. Le mieux étant bien sûr de faire un système qui permet d'utiliser conjointement les deux.
J'en vous en parlerai bientôt.

Tout comme Youtube, Dailymotion met a disposition une version javascript ainsi qu'une version AS3 de son API. La documentation de l'API javascript est plutôt clair et correctement illustrée. Nous allons nous en servir pour mettre au point notre propre système de VOD.

Dans notre galerie, une vidéo est chargée par défaut, au centre. Un carousel de vidéo défile sur la droite. Un clic sur l'une d'entre-elle la fait s'afficher au centre et lance sa lecture. Le principe est le même que pour la galerie Youtube.


voir la suite de l'article »

article publié le 28 juin 2011
par willy Bahuaud
”Cet article est un didacticiel qui vous aidera à prendre en main l'API javascript de Youtube, afin de créer votre galerie de vidéo à la demande.

Facile à prendre en main, ce système permet à la fois d'utiliser Youtube pour le stockage de vos vidéos, également de pouvoir profiter légalement des vidéos d'autres auteurs.

Cependant l'API javascript ne permet pas une bonne accessibilité de ce contenu. Si vous souhaitez en plus une bonne indexation, il faudra passer par l'API php, qui requiert certains modules de php...”

→ voir les 29 commentaires

Une galerie vidéo avec l'api de Youtube

De nombreuses personnes me contactent pour me demander comment réaliser une galerie de vidéo à la demande, sur leur site web. C'est ce qu'explique ce tutoriel : comment créer une galerie vidéo à l'aide de Youtube.

J'ai choisi de vous montrer le principe avec Youtube, car leur API est très bien documentée (comme toujours chez google), mais cela aurait pu être avec Dailymotion ou tout autre site de partage de vidéo disposant d'une api développeur.
En fait, l'idée c'est d'externaliser l'hébergement des vidéos, et de pouvoir diffuser des vidéos produites par des internautes lambdas. On économise le coût d'un serveur de streaming (et de la bande passante surtout), et on profite de l'aspect communautaire de Youtube.

Dans l'exemple, une vidéo est chargée par défaut et en dessous se trouvent trois vignettes ; un clic de l'internaute sur l'une d'elle chargera le film.

voir la suite de l'article »

article publié le 3 juin 2011
par willy Bahuaud
”Voici un projet très intéressant de plugin Wordpress qui permettrai à n'importe qui de faire sa webTV, avec programmation horaire et tout le tintouin...
Le back office est déjà fait (le plus gros), mais je n'arrive pas à finir la partie Action Script 3... C'est trop dur pour moi, et ça me fais penser que cela intéresserait peut être du monde de se joindre au projet (par forcément flasheur même...).

Donc voilà, si vous voulez sauver Willy...”

→ voir les 36 commentaires

Rejoignez le projet WP web TV !

Voilà maintenant quelques temps que je travaille sur un projet au sujet duquel j'aimerais commencer à échanger avec vous.

Qu'est-ce c'est ?

Il s'agit d'un système de diffusion pour les webTVs qui permet, à horaire programmé, de diffuser des vidéos dont les sources peuvent être multiples (Youtube, Dailymotion, Red5, Fms, live capture,flv...). L'application prend la forme d'un plugin pour WordPress, dans lequel l'administrateur :

grille programme wp webtv

La grille des programmes, avec barre de progression

  • complète une banque de vidéos
  • créer, modifie, exporte et importe des listes de lectures horaires journalières
  • peut gérer des widgets tels que "grille des programmes"
  • capture des vidéos en direct
  • change l'apparence du player (possibilité de changer la couleur, le skin...)
  • place des liens sur certaines vidéos (pub...)
  • Intègre les différents modules (le lecteur vidéo) dans son thème

Le player vidéo, à la connexion d'un internaute, interroge la BDD pour savoir quelle vidéo est lue en ce moment, et lance la lecture à l'instant précis (comme à la télé ^^). A la fin d'une vidéo, le player réinterroge la BDD, ainsi de suite...

Le système présente beaucoup de possibilités : simplicité d'utilisation, possibilité de tourner sur un mutualisé, planifications des diffusions, gestion des vidéos via WordPress, prise en charge de vidéos publicitaires...
voir la suite de l'article »

article publié le 4 août 2010
par willy Bahuaud
”Flash is dead, vive l'HTML5 ! Avec ce plugin javascript, vous pouvez contrôler la nouvelle balise video directement avec des liens dans le texte. De quoi faire des galeries vidéos interactives et originales...”
→ voir le commentaire

Videolink : du javascript pour <video>

Je viens tout juste de terminer un plugin en javascript qui permet de commander une ou plusieurs balises <video> html5 avec des liens dans un texte. Ultra-simple d'utilisation, ce plugin vous permettra, en cliquant sur un lien (image, texte...), de :

  • changer de vidéo
  • aller à un instant précis de la vidéo
  • charger une vidéo à un instant précis

Cliquez sur l'image pour aller sur le site du plugin

plugin videolink html5 balise video javascript
voir la suite de l'article »

article publié le 7 juin 2010
par willy Bahuaud
”Un petit guide des étapes à ne pas négliger lorsque l'on réalise une web TV, les pièges à éviter, les détails sur lesquels il faut prendre le temps, ainsi que des astuces...”
→ voir les 101 commentaires

Créer sa webTV en 7 étapes

Créer une webTV est une tâche complexe qui demande beaucoup de réflexion, de travail et une certaine méthodologie. Voici donc une check-list qui détaille les 7 étapes importantes de la création d'une web TV, de la génèse à l'accomplissement du projet.

Voici les 7 étapes importantes pour créer votre webTV

voir la suite de l'article »

article publié le 28 mai 2010
par willy Bahuaud
”L'événement de ce mois-ci, dans le monde de la webTV, c'était le webTV festival de La Rochelle. Rencontre internationnale francophone des acteurs de la webTV. Mais en fait non... juste une machine à fric qui ne fera rien évoluer...”
→ voir les 7 commentaires

Le webTV festival de La Rochelle

J'ai un petit coup de gueule à passer contre le webTV festival qui se déroule actuellement et jusqu'au samedi 29 mai 2010 à La Rochelle.

Une initiative comme celle-ci m'a d'abord laissé enthousiaste, étant donné qu'il y a très peu de manifestations en France qui permettent aux acteurs de la webTV de se rencontrer et d'échanger sur leurs pratiques et leurs réalisations (la dernière ayant eu lieu dans les Côtes d'Armor, à l'occasion du festival Doc Ouest 2009, consacré au web-documentaire). Ce genre d'événement aurait pu être l'occasion pour certaines webTVs de se rapprocher, d'échanger leur point de vue sur les possibilités de ce média, sur les technologies, sur l'élaboration d'une plateforme de webTV...

Au programme : des projections en continu pendant 2 jours avec vote du public et d'un jury, des tables rondes auxquelles seraient soulevées des sujets inhérent au monde de la webTV, démonstration de matériel de diffusion...

Cependant, après avoir récolté des informations sur leur site et par mail, je me suis rendu compte que cette rencontre est surtout (selon moi) une vaste machine à fric qui ne sert pas les intérêts de la web TV.

voir la suite de l'article »