AIR pour Android – Enregistrer un screencast (capture vidéo) de son mobile Android
Un petit billet qui n'a pas grand rapport avec Flex mais qui va rendre service à certains. Pour illustrer mes tutoriaux Android, je n'avais pas envie de faire des dixaines de screenshots.
Il est pourtant possible de prendre des screenshots de votre application. C'est expliqué sur de nombreux tutos:
Taking screenshots on an Android-based phone
Mais c'est quand même mieux quand ça bouge 
. Alors il y a la meilleure des solutions, qui est de filmer avec un caméscope son application mais cela pose plusieurs problèmes:
- Il vaut mieux avoir un cameraman car pour une interface tactile, il vaut mieux avoir ses deux mains
- Les doigts/mains passent devant la caméra et on ne voit parfois pas ce qui se passe
- Il ne faut pas avoir la tremblotte
Mais quand on voit les vidéos de Christophe Coenraets, on se dit que c'est quand même sympa comme rendu 
Bref, il me fallait une autre solution. La plupart des solutions préconisées sont à base de DroidEx, un petit jar qu'il faut lancer à la main:
How to capture video of the screen on Android
Mais ça m'avait l'air un peu trop à l'ancienne. Ce n'est qu'un peu plus tard que j'ai trouvé le projet "Android Screencast":
Google Code Android Screencast
Vous pouvez donc télécharger un .JNLP qui va faire le boulot. C'est à dire prendre des screenshots et en faire une video. Voici le lien direct:
http://androidscreencast.googlecode.com/svn/trunk/AndroidScreencast/dist/androidscreencast.jnlp
Suivez les instructions (téléphone connecté en USB, reconnu par adb, …) qui se trouvent sur Google Code puis lancez l'application. Android Screencast va automatiquement détecter votre device et l'afficher. Ensuite, Record et c'est parti!
Vous obtenez au final un fichier .mov. Cool non? Comment ça le mov personne peut le lire sur mon blog? Bon et bien il ne reste plus qu'à le convertir.
Convertir un MOV en FLV sous Windows
Je précise bien sous Windows car il semblerait que pour Mac, il y ait un autre logiciel pour cela (cf. google). Pour en trouver sous Windows en revanche, c'est un peu la galère car il existe énormément de sharewares. Heureusement, après une heure de recherche, je suis tombé sur un logiciel très bien nommé: Super.
Une fois installé, lancez ce petit logiciel qui fait apparemment bien plus que la conversion MOV -> FLV. Au niveau de la configuration, donnez comme Output Container (en haut à gauche) FLV. Dans la partie Video Scale Size, choisissez NoChange puis drag and droppez votre fichier dans le bas du logiciel et cliquez sur Encode. Quelques secondes et votre FLV est converti en MOV.
Mais maintenant comment intégrer mon FLV sur mon blog? Et bien si vous suiviez attentivement flex-tutorial, vous auriez déjà la solution!
Intégrer facilement et gratuitement des FLV sur son site web
Voici un article qui devrait vous rafraichir la mémoire:
Adobe héberge un lecteur multimédia en ligne gratuitement: Strobe Media Playback
Envoyez votre vidéo sur votre site web, rendez-vous sur le configurateur Flash Media Playback Setup, donnez l'url de votre vidéo, supprimez la "Poster frame file location" et donnez 480×800 comme dimensions. Vous pouvez ensuite récupérer le code d'intégration de votre vidéo. Et voilà, le tour est joué !
Adobe héberge un lecteur multimédia en ligne gratuitement: Strobe Media Playback
Je n'ai pas trop le temps en ce moment de suivre le fil rouge que je souhaitais faire au début de l'été (cause déménagement et beaucoup d'autres sujets à aborder!) mais pendant ce temps-là, les projets avancent, notamment OSMF (Open Source Media Framework):
Site officiel Open Source Media Framework
OSMF vous permet de construire un lecteur multimédia de toutes pièces, en vous appuyant sur des briques de base développés par les ingénieurs de chez Adobe. Vous pouvez ainsi lui donner le style que vous souhaitez ainsi que les fonctionnalités que vous voulez (affichage de publicité, loop, etc.).
Si vous n'êtes pas trop codeur, il y a même une application vous permettant de créer votre lecteur facilement (type WYSIWYG) payante:
Et si vraiment vous ne voulez pas y passer du temps, Adobe fourni maintenant un service de lecture multimédia hébergé. Pas besoin donc d'installer un lecteur sur votre site, il suffit de donner l'adresse de votre vidéo (flv, mp4) au lecteur pour lire la vidéo. Vous disposez ensuite de nombreuses options pour personnaliser votre lecteur. Ce lecteur est connu sous le nom de "Strobe".
Configuration en ligne du lecteur
Vous pourriez personnaliser votre lecteur à la main en modifiant les flashvars ou alors vous pouvez utiliser le configurateur en ligne:
Cochez les options que vous souhaitez, regardez si la prévisualisation vous convient et ils vous suffira ensuite de copier-coller le code HTML généré dans votre site.
Un plugin WordPress pour intégration de vidéo dans un blog
Si comme moi vous utilisez WordPress, Peter Elst (evangelist Adobe) a créer un plugin WordPress pour un intégration facile de Strobe. Pour intégrer une vidéo dans votre article, il vous suffira d'écrire:
FMP width="320" height="240" controlbar="none" autoplay="true" ] http://mydomain.com/video.mp4 [/ FMP
Pour plus d'informations, consultez l'article qui y est consacré:
Flash Media Playback – WordPress plugin
Open Source Media Framework – Sortie d'OSMF en version 1.0 et Webinar gratuit
Non, le projet Flex 4 "fil rouge" Flex Tutorial n'est pas mort ^^. Le blog a juste été en "stand by" pendant quelques semaines pour cause de beaucoup de travail à côté (et oui, écrire pour FT n'est pas mon job à plein temps ). Mais certaines deadline étant passées, il va redémarrer progressivement avec notamment, le démarrage du fil rouge et des relais d'informations qui ne sont pas fait par les autres blogs FR.
Voilà une annonce qui en fait partie, celle de la sortie d'OSMF (Open Source Media Framework) en version 1.0, stable donc. Toutes les informations sur le site officiel:
Open Source Media Framework en version 1.0
Pour la sortie de cette version 1.0, Adobe vous invite à participer à un Webinar gratuit le 9 Juin:
Seul problème pour nous français, ce webinar est à 11am P.S.T, ce qui fait 2h du matin 20h pour nous si je ne me trompe pas. Si vous voulez y participer, vous pouvez vous inscrire ici:
Inscription Webinar OSMF Adobe
En une video issue de l'Adobe TV pour vous mettre en bouche sur les capacités d'OSMF qui seront mises en avant dans le futur fil rouge:
Mes projets (Open Source)
Autres
