Tutoriels
Publier des vidéos Nintendo DS sur Internet
Publié le 29 août 2010Ce tutoriel a pour but de vous expliquer comment publier des vidéos Nintendo DS sur votre site Internet.
Pré-requis
Avant tout, il faut vous munir d'un certain nombre d'outils :
- DeSmuME : émulateur Nintendo DS ;
- Une rom Nintendo DS (dont vous avez la version originale
) ; - FFmpeg : encodeur de vidéos utilisé par beaucoup de logiciels d'encodage vidéo. Pour Windows il existe des exécutables pré-compilés avec libx264 (H.264) et libfaac (AAC) ;
- MP4box : gestion du container MP4 ;
- FLV player : lecteur flash.
Faire une vidéo avec DeSmuME
Dans cette partie nous allons voir comment faire une vidéo avec l'émulateur DeSmuME.
Lancez DeSmuME et allez dans le menu
Fichier puis
Ouvrir ROM, choisissez ensuite une rom pour commencer un jeu :
Allez dans le menu
Fichier et sélectionnez
Record AVI :
Une première fenêtre s'ouvre pour choisir le nom du fichier vidéo. Choisissez un nom et cliquez sur
Enregistrer. Une seconde fenêtre s'ouvre ensuite pour choisir le codec vidéo :
Je vous conseille d'utiliser le codec Intel YUV qui permet d'avoir une vidéo de qualité.
Une fois que vous voulez stopper l'enregistrement, allez dans le menu
Fichier puis
Stop AVI :
Voilà votre vidéo est prête à passer la difficile épreuve de la compression

!
Compresser la vidéo avec FFmpeg
Flash depuis sa version neuf accepte le format vidéo H.264 qui est beaucoup plus efficace que le format vidéo standard. La vidéo n'est pas tout... Il faut aussi du son ! Pour encoder l'audio, le codec AAC est plus efficace que le codec MP3. Enfin, pour rassembler la vidéo et l'audio dans un seul fichier, nous allons utiliser le container MP4 qui est maintenant lisible avec un lecteur flash.
FFmpeg permet de faire tout cela, décompressez les fichiers de FFmpeg dans le répertoire
C:\ffmpeg et ajoutez la vidéo que vous venez d'enregistrer avec DeSmuME. Voici ce que vous devez avoir dans le répertoire :
Avant de commencer l'encodage, il faut créer le répertoire
C:\usr\local\share\ffmpeg qui contient les fichiers de pré-réglages présents dans le répertoire
C:\ffmpeg\ffpresets :
Exécutez ensuite la commande suivante dans une fenêtre de commandes Dos :
ffmpeg.exe -i intro-mario-et-luigi.avi -acodec libfaac -ab 320k -ar 44100 -f mp4 -vcodec libx264 -vpre hq -r 30 -b 10000k -threads 0 intro-mario-et-luigi.mp4
L'encodage se lance aussitôt :
À la fin de cette manipulation, vous obtenez le fichier
intro-mario-et-luigi.mp4.
Explication des paramètres de FFmpeg :
- i : fichier d'entrée ;
- acodec : codec audio ;
- ab : débit binaire audio ;
- ar : fréquence d'échantillonnage audio ;
- f : container du son et de la vidéo ;
- vcodec : codec vidéo ;
- vpre : fichier de pré-réglages, ici nous avons utilisé un fichier qui encode assez lentement mais en bonne qualité ;
- r : nombre d'images par seconde, ici nous avons diminué le nombre d'images par seconde par rapport au fichier d'entrée, cela permet d'avoir des vidéos moins grandes en taille ;
- b : débit binaire vidéo, la valeur configurée ici est élevée ce qui nous permet d'avoir une vidéo de bonne qualité ;
- threads : pour optimiser l'utilisation du processeur.
Rendre le téléchargement progressif avec MP4box
Bon, nous y sommes presque

, il nous faut encore faire une petite manipulation sur notre container MP4. En effet, si vous mettez en ligne une vidéo sans cette modification il vous faudra attendre le chargement complet de la vidéo avant que celle-ci ne démarre ! Nous allons donc découper notre vidéo en morceaux de durée fixe et déplacer les métadonnées de la vidéo en début de fichier. Pour cela décompressez les fichiers de MP4box dans le répertoire
C:\mp4box avec la vidéo fraîchement générée par FFmpeg :
Exécutez la commande suivante dans une fenêtre de commandes Dos :
MP4Box.exe -inter 500 intro-mario-et-luigi.mp4
Voilà le résultat de cette commande :
Cette commande a découpé notre vidéo en morceaux d'une durée de 500ms avec des métadonnées en début de fichier, notre vidéo est prête

!
Mettre la vidéo sur Internet
Mettez la vidéo et le lecteur flash sur votre serveur et ajoutez le code HTML suivant sur votre page :
<object type="application/x-shockwave-flash" data="mp.swf" width="266" height="394">
<param name="movie" value="mp.swf" />
<param name="FlashVars" value="flv=intro-mario-et-luigi.mp4&shortcut=0&showvolume=1&showtime=1" />
</object>
Ce code permet d'insérer le lecteur flash sur votre page, voici le contenu des différentes balises HTML de ce code :
- <object> : objet flash avec le nom du lecteur flash (mp.swf) et les dimensions du lecteur ;
- <param name="movie" ...> : nom du lecteur flash ;
- <param name="FlashVars" ...> : options du lecteur flash :
- flv : nom du fichier vidéo ;
- shortcut : désactivation des raccourcis clavier ;
- showvolume : affichage du réglage du son ;
- showtime: affichage du temps de lecture.
Et voilà le résultat :
Pour voir toutes les personnalisations possibles du lecteur, je vous invite à aller sur le site de FLV player.