Emulation Factory
Emulation Factory > Tutoriels > Publier des vidéos Nintendo DS sur Internet

Tutoriels


Nintendo DSPublier des vidéos Nintendo DS sur Internet

Publié le 29 août 2010

Ce 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 :


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 :
desmume-mario-et-luigi.png

Allez dans le menu Fichier et sélectionnez Record AVI :
desmume-debuter-enregistrement.png

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 :
desmume-choix-codec.png
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 :
desmume-stoper-enregistrement.png
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 :
repertoire-ffmpeg.png

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 :
repertoire-ffmpeg-presets.png

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 :
commande-ffmpeg.png
À la fin de cette manipulation, vous obtenez le fichier intro-mario-et-luigi.mp4.

Explication des paramètres de FFmpeg :

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 :
repertoire-mp4box.png

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 :
commande-mp4box.png
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&amp;shortcut=0&amp;showvolume=1&amp;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 :

Et voilà le résultat :

Pour voir toutes les personnalisations possibles du lecteur, je vous invite à aller sur le site de FLV player.
Commentaires
Code Captcha
Pseudo
Commentaire


Site développé par Cédric