La théorie :

Présenter un clip vidéo musical avec la pochette de l’album duquel est tiré le morceau dans une animation Flash. Ajouter quelques fioritures personnelles dans la scène. C’est a priori fastoche comme truc?

La pratique :

Récupérer les éléments graphiques, audio et vidéo sur Internet ou ailleurs. Cela se complique un peu: les formats des fichiers doivent être importables dans Flash. Musique en MP3 standart de taille acceptable pour ne pas trop encombrer son serveur, vidéo au format FLV permettant la diffusion en streaming.

Des outils de conversion sont très souvent nécessaires car il est rare de récupèrer des fichiers directement exploitables.

Dans cet exemple :

  1. conversion du fichier son au format MP3 128 Kbits/sec du titre sur CD en utilisant l'extracteur de Windows Media Player 11.
  2. Récupération du clip vidéo au format MP4 HQ sur You Tube en passant par la page Internet de Keepvid  puis conversion au format WMV dans AnyVideoConverter. Suppression de la bande son et édition en taille gérable de la vidéo dans Windows Movie Maker. Enfin, conversion au format .FLV par importation dans Flash. Le son est retiré car la qualité est mauvaise avec une telle compression, d'où la nécessité de la phase 1.
  3. Captures d’images dans VLC MediaPlayer à partir du format natif pour le diaporama et importation des images après réduction de la taille dans Irfanview. Ceci afin de garder une bonne qualité d'image qu'on n'a plus sur le fichier vidéo final..
  4. Transformation des images pour les clips récupérées sur le net au format PNG. Il faut que les clips utilisent des images avec fonds transparents sinon c’est affreux. Gommer les fonds dans PSP11. Retailler les images au format souhaité.

Dans Flash : créer une instance étiquetée d’un lecteur sans enveloppe que l’on va piloter. Editer le chemin de la vidéo, créer un écouteur qui en fin de lecture réinitialise l’application.
Insérer des boutons de commandes et les fonctions associées qui empêchent les lancements multiples responsables de crashes.
Création d’un timer pour la chronologie des actions.
Programmer et tester les interpolations de mouvement des clips.

Coté serveur : uploader la musique, la vidéo et l’application Flash.

Dans l’éditeur HTML : incorporer l’animation Flash et récupérer le code à insérer dans le billet. Entrer les bonnes URL du serveur.

Petite subtilité : Placer des caches sur la scène aux bonnes profondeurs pour masquer les bandes grises en haut et en bas de la vidéo, sinon le rendu n’est pas très propre sur fond noir.

Conclusion :

Pas si fastoche que cela, en fait, et je ne suis pas entré dans les détails...