Se connecter
Se connecter

ou
Créer un compte

ou

Sujet free web audio playlist player flash

  • 2 réponses
  • 2 participants
  • 733 vues
  • 2 followers
Sujet de la discussion free web audio playlist player flash

je mets à dispo un player audio flash facile à intégrer sur une page html
http://www.mindthepressure.org/web.php

couleur customisable
le gestion des playlist et des tracks peut se faire en html (javascript)
ça peut être pratique pour faire écouter votre musique hors myfesses par exemple

ya un player video aussi


howto

pour faire une playlist il faut utiliser un fichier .xml
(playlist.xml par défaut) contenant les url des tracks :

Citation de code :

<?xml version="1.0" encoding="utf-8"?>
<playlist>
<track file="track1.mp3" />
<track file="track2.mp3" />
<track file="track3.mp3" />
</playlist>

éviter les accent et caractères spéciaux dans les url (track 1.mp3) sinon on peut les encoder comme ça https://meyerweb.com/eric/tools/dencoder/

le player récupère le reste des infos dans les tags mp3 (ou sinon depuis les noms des fichiers)

pour le reste il faut télécharger audio_player.swf, AC_RunActiveContent.js et audioPlayer.js qui sont dans le zip

et coller ça dans votre page html
Citation de code :

<script src="AC_RunActiveContent.js" language="javascript"></script>
<script src="audioPlayer.js" language="javascript"></script>

<script language="javascript">
audio_player = new audioPlayer();
with (audio_player) {
playlist = 'playlist.xml';
autostart = false;
color = 'ff8000';
};
audio_player.display();
</script>

ff8000 défini la couleur du player comme ici http://www.colorpicker.com

là ça devrait déjà être fonctionnel

ensuite si on veut des boutons dans la page html on peut ajouter ce code aux éléments html :
Citation de code :

onclick="getElementById('audio_player').playTrack('playlist.xml',1);"

si ya qu'une playlist ce n'est pas la peine de la spécifier
pour mettre l'action sur des balises de lien (a href) on peut ajouter return false; pour supprimer l'effet du lien ce qui donnera un truc du style :
Citation de code :

<a href="#" onclick="getElementById('audio_player').playTrack(1);return false;">track 1</a>
<a href="#" onclick="getElementById('audio_player').playTrack(2);return false;">track 2</a>
<a href="#" onclick="getElementById('audio_player').playTrack(3);return false;">track 3</a>

feedbacks bienvenus :]

[ Dernière édition du message le 01/09/2010 à 04:56:46 ]

2

update :

j'ai un peu simplifié l'installation c'est expliqué sur la page

3

Merci icon_bravo.gif

Album "ERRANCES" sortie imminente!