Le blog de Jean David TECHER, un Réunionnais à Saint-Priest/Lyon

Pendant ce week-en de Pâques, j'ai donc profité pour coupler mon serveur lighttpd + PHP avec xcache...J'en ai aussi profité pour essayer de trouver les paramètres adéquates pour permettre de streamer depuis mon serveur de Montpellier - là où sont mes vidéos personnelles - pour une réception depuis mon portable à Antibes...

Contenu de ma bande passante à Antibes, la ligne de commande suivante a donné de bons résultats...

La lecture à Antibes se fait bien sûr depuis le lecteur Flash FlowPlayer depuis une simple page Web...

ffmpeg -y -i [InputFile].[format] -vcodec libx264 -qmin 10 -qmax 50 -vpre normal -s 320x240 -ar 11025 -ab 32k [OutputFile].mp4 

Le temps de réponse est intéressant. J'ai aussi essayé sans redimensionner la vidéo d'entrée. Là aussi celà s'est montré intéressant.

Bon il est 18h00 passé. Je viens juste d'envoyer mon tutorial à l'un des développeurs de flowplayer concernant l'injection du bouton play dans une splash image...

J'espère qu'il sera accepté :).

Personellement ça me ferait plaisir que d'avoir participé de manière vraiment Light Weighty comme on dit à l'un des lecteurs Flash les plus populaires du moment...

Mise à jour du billet au 2009-04-14: après relecture et approbation, ma petite contribution devrait paraître sur le site demain en journée. Elle sera lisible sur http://flowplayer.org/tutorials/generating-thumbs.html. On devrait voir la photo de Simba mais caché par le bouton play......Simba donne aussi de sa contribution mais préfère rester anonyme...Celà concerne en fait ce que je relate dans mon précédent billet

Les utilisateurs de FlowPlayer savent que parfois, le splash screen et le bouton play pour des raisons de commodités sont souvent séparés. Ceci requiert donc de gérer dans son code html/css, deux images: le slash qui est sur le vidéo avant son lancement et le bouton play....

Il y a plusieurs moyens de fusionner les deux images. Ici je propose de le faire en une seule passe et en utilisant ffmpeg puisque c'est l'outil par excellence avec mencoder pour convertir en mp4 ou flv.

Quand on dispose de FlowPlayer, on a souvent un plash screen comme ci-dessous.

Fig 1 - Exemple de splash d'origine pour lecture

Pour information cette image a été générée grâce à la commande suivante utilisant ffmpeg

ffmpeg -y -i simba-200904092315.mp4 -an -ss 00:00:14.35 -r 1 -vframes 1 -f mjpeg  simba-200904092315-withoutplay.png

J'ai donc ici extraite l'image située au bout de 14 secondes et 35 centièmes depuis le début de la vidéo...

Maintenant on souhaite incorporer le bouton suivant

Fig 2 - Bouton à incorporer à l'image (Fig 1)

Cette image est issue du site de flowpayer disponible à http://flowplayer.org/img/player/btn/play_text.png. C'est sûrement pas moi avec mes talents de graphiste qui réussirait à la faire ...

Si on dispose d'une version de ffmpeg où vhook est disponbile - option --enable-vhook - il suffira alors de faire

ffmpeg -y -i simba-200904092315.mp4 -an -ss 00:00:14.35 -r 1 -vframes 1 -f mjpeg  \
-vhook '/usr/lib/vhook/imlib2.so -x W/2-52  -y H/2-20  -i /root/play_text.png' simba-200904092315-withplay.png 

On obtient alors l'image suivante:

Fig 3 - Injection du bouton dans l'image

En fait tout tient dans -vhook '/usr/lib/vhook/imlib2.so -x W/2-52 -y H/2-20 -i /root/play_text.png'. Décortiquons ces options:

• -vhook: ffmpeg sait qu'il va devoir utiliser ce flag qui permetd'ajouter soit du texte ou une image à une vidéo. Chaque possibilité est liée à une librairie de vhook en particulier: drawtext.so, imblib2.so etc....Tout tient dans -vhook '..... .....'
• imlib2.so: ici c'est une image que je veux incorporer donc je précise que c'est cette librairie que je dois utiliser. Par défaut il faut passer le chemin d'accès complet à la librairie d'où /usr/lib/vhook/imlib2.so

Il faut maintenant positionner mon image. Je dois donc préciser les coordonnées sur l'image. C'est ce que je fais en utilisant les flags -x ??? et -y ???

Comme je veux centrer mon bouton "play", je dois commencer par connaître ses dimensions. C'est ce que j'obtiens en faisant

root@olivia:/var/www/download# imgsize play_text.png 
width="104" height="40"

Mon bouton play a donc les dimensions 104x40

Dans la portion de code "-x W/2-52 -y H/2-20 -i ....png", on a donc

• -x W/2-52: avec
  • -x: position en x
  • W: correspond à Width (longueur) de l'image. C'est une option de vhook par défaut pour désigner la longueur de l'image.
  52: c'est simplement 104/2

Il sera aussi pour -y H/2-20 avec H désignant Height la hauteur de mon image et 20=40/2

Quant à "-i ...png", c'est l'image que je souhaite incorporer.

Aujourd'hui celà fait exactement la durée précisée dans le titre que je suis sur Antibes. Le temps passe excessivement vite! J'ai encore l'impression que c'était hier que je suis arrivé sur cette Région....

Mon dernier séjour sur Montpellier - une semaine de vacances en mars dernier -, j'avais bien vu que la Région du Languedoc-Roussillon m'avait un peu manqué...J'ai vu deux couples d'amis avec qui j'ai passé de bons moments...

De mon séjour, je suis revenu avec mon chat Simba...Au moins une bonne chose. Au moment où j'écris ce billet, il est confortablement assis sur le fauteuil juste à côté de moi, en train de se reposer.

Curieusement je suis reparti tout content. Au fond de moi, actuellement j'ai bien conscience que ma vie sur le Languedoc est terminée. Je passerais je pense à 'occasion les voir, histoire de prendre de leurs nouvelles.

La page de ma vie là-bas à Montpellier est terminée depuis longtemps. Il y a une semaine, j'avais posé une journée de repos au boulot. En effet, j'avais des obligations à tenir sur Avignon car je devais m'y rendre....C'était une sensation assez étrange en arrivant à la gare: l'impression d'être entre deux mondes: le Languedoc d'un côté et la côte d'azur de l'autre. Une impression d'être entre deux mondes qui n'a duré que quelques minutes, impression vite estompée..

Le fait de voir des voitures immatriculées en 30, je me suis dit "A tiens! Je ne suis pas trop loin de Nîmes"...Etant posé sur un banc à l'entrée de la gare, je regardais les gens passer. Là j'ai bien reconnu quelques dames dirons-nous assez bourges et plus que bien vêtus. Là j'ai pensé côte d'azur!!!!

Une fois mon sandwich avalé, j'ai pris un taxi pour aller à mon RDV! Ayant prévu le coup, j'avais retiré suffisament pour payer le taxi...Le chauffeur m'a fait halluciner quand il m'a dit que la course me ferait 8€00......8€00!!! Moi qui m'attendait à vraiment beaucoup plus!!! Il m'a en fait expliqué que tous les chauffeurs appliquaient ce tarif dans le secteur autour de la gare car ils ont beaucoup de clients qui prennent le train puis le taxi pour aller au travail...Ce sont surtour des habitués!!! Donc depuis des années, ils se sont mis d'accord chauffeurs et clients pour ce tarif!!! Très bon système!!!

Tout le long de la course, j'ai donc discuté des prix appliqués sur les choses de la vie de tous les jours à Avignong et de ceux appliqués sur la côte...Hallucinant!!! J'en revenais pas!!! Le chauffeur a réitéré deux fois sa question en me demandant le prix d'un simple whisky coca dans les commerces touristiques de la côte!!! Il en revenait pas à son tour...

Je suis finalement arrivé à mon RDV...Une fois mon RDV terminé, je suis retourné à la gare où on 'a déposé. Dans la gare, en attendant le train, je me disais que j'avais déjà été à Avignon, il y a déjà plus de trois juste pour 3 jours, histoire de donner une formation en informatique à l'époque. C'est vrai que la ville est assez accueillante. J'en avais profité pour voir le festival. C'est d'ailleurs sur Avignon que j'ai fait mon premier billet sur le blog.

Passant complètement du coq à l'âne, ce week-end de Pâques de trois jours tombe bien. Ce sera l'occasion de faire un peu de rangement administratif