Website X5 pour tous

Préparez vos fichiers mp3:
Évitez les espaces blancs dans les noms de fichiers, les caractères spéciaux ou les caractères accentués. Certains serveurs ne s'en régalent pas.

Afin de vous faciliter la tâche pour l'exportation future, regroupez vos fichiers ensemble, dans un même dossier dont vous noterez l'emplacement. Déterminez quel sera l'ordre dans lequel ils seront rendus disponibles dans le player et notez-le.

L'archive décompressée précédemment, à l'étape 1 de ce tutoriel contient un fichier vital pour le bon fonctionnement du player audio. Il s'agit du fichier playlist.xml, qui contient la liste de toutes les pistes sonores que le player pourra faire jouer. Au départ, ce fichier contient des données qui permettent de faire jouer un démo du player. Il vous faudra éditer le contenu du fichier pour y inscrire les détails relatifs à vos propres pistes mp3. Examinons donc le contenu de ce fichier, afin d'en comprendre la structure et le fonctionnement.

L'image de gauche vous présente une partie du contenu du fichier playlist.xml, ouvert (pour les besoins de la cause) dans Adobe Dreamweaver (vous pouvez ouvrir ce fichier dans le bloc-note de Windows, ou n'importe quel éditeur similaire, ou encore dans un logiciel d'édition HTML. Évitez de l'ouvrir dans MS_Word, qui a une facheuse tendance à ajouter du code que votre serveur ne pourra pas interpréter). Avant de modifer quoi que ce soit dans ce fichier, faites-en une copie que vous conserverez en lieu sûr. On ne sait jamais, une erreur est si vite arrivée.

Les informations qui nous intéressent commencent à la ligne 5.

Les lignes 5,6 et 7 contiennent les instructions qui permettent d'identifier la première piste sonore disponible dans le player: la ligne 5 contrôle l'affichage du titre de la pièce musicale (Title), la ligne 6 permet d'afficher le nom de l'artiste qui la joue. La ligne 7 indique le chemin, sur votre serveur, qui permet au player de retrouver le fichier mp3 concerné.

Cette structure d'information est la même pour chacune des pistes sonores.

Une barre de défilement sera affichée dans le player, pour permettre la navigation lorsque le nombre de piste à afficher déborde de la hauteur disponible.

Vous aurez donc compris qu'il vous faudra éditer le contenu de chacun de ces blocs d'information, pour chacune des pistes sonores offertes à vos visiteurs dans le player.

Vous devrez donc, pour la première piste sonore:

• Éditer le texte entre les balises <title> et </title> pour remplacer les mots Test Track 1 (ligne 5, dans l'exemple) par le nom de la piste sonore. Ce nom peut être différent du nom du fichier mp3 et il peut comporter des caractères accentués, par exemple: Boléro
• Éditer le texte entre les balises <artist> et </artist> pour remplacer les mots Artist Name (ligne 6) par le nom de l'artiste correspondant à votre piste sonore, par exemple Ravel
• Éditer le texte entre les balises <path> et </path> pour remplacer les mots song.mp3 par le chemin qui permettra au player de retrouver le fichier sur votre serveur. La syntaxe exacte de cette ligne est précisée au point 4, à la page suivante.

Vous devrez répéter cette opération pour chacune des pistes sonores offertes .
Les titres seront affichés dans le player dans l'ordre où ils seront inscrits, dans le fichier playlist.xml

Le fichier playlist.xml original, tel que téléchargé depuis Premium Beat, contient les informations relatives à 11 pistes sonores. Si votre intention est d'en présenter moins que ce nombre, effacez les blocs non requis, incluant les balises <item> et </item>, en faisant attention de ne pas toucher aux balises des blocs adjacents.

Si vous voulez ajouter une piste sonore, copiez un bloc complet (à partir d'une balise d'ouverture <item> jusqu'à la balise de fermeture </item> correspondante. Éditer ensuite son contenu, tel que décrit précédemment.

Enregistrez le fichier playlist.xml modifié sans en changer le nom et gardez-le au chaud, pour l'instant.