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.


Continuer la lecture de « Sa galerie VOD avec l’API Dailymotion »

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.

Continuer la lecture de « Une galerie vidéo avec l’api de Youtube »

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…
Continuer la lecture de « Rejoignez le projet WP web TV ! »

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
Continuer la lecture de « Videolink : du javascript pour <video> »

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

Continuer la lecture de « Créer sa webTV en 7 étapes »