all html : Le portail des webmaster

liste des forums liste des discussions Participer à la discussion

Message publié le lundi 20 août 2007 à 11 h 58 par clb56.

Principe général de la playlist

Contrôle en php

Du point de vue html tout part d'une simple série de liens structurée par une liste <ul>.
Du point de vue php, chaque lien de la liste de sons va permettre de passer dans l'url l'adresse du son concerné et aura la forme :
<a xhref="?go_son=/musique/un_son.mp3">Un son</a>
Le code php suivant permet de récupérer l'adresse transmise dans une variable qui servira à renseigner le Dewplayer
<?php if (isset($_GET['go_son'])) { // Etape intermédiaire, on récupère dans la variable $pre_son l'adresse transmise. $pre_son=$_GET['go_son']; // La variable définitive $son permet d'ajouter la mention autoplay=1 $son=$pre_son."&amp;"."autoplay=1"; } else { // Si aucune adresse n'est transmise alors la variable $son a pour valeur une adresse par défaut et surtout pas d'autoplay ! ... Pour ficher la paix aux gens ;-) $pre_son="/musique/son1.mp3"; $son="/musique/son1.mp3"; } ?>
Voici maintenant le code html du Dewplayer avec les ajouts php permettant de le renseigner, on le complète par un lien direct vers le fichier mp3 concerné :
<object type="application/x-shockwave-flash" data="/dewplayer.swf?son=<?php echo $son; ?>" height="20" width="240"> <param name="movie" value="/dewplayer.swf?son=<?php echo $son; ?>" /> </object> <p>Fichier mp3 : <a xhref="<?php echo $pre_son; ?>"><?php echo $pre_son; ?></a>.</p>

En guise de 1ère synthèse je vous propose un exemple de code complet sur une liste de 4 sons :
<?php if (isset($_GET['go_son'])) { $pre_son=$_GET['go_son']; $son=$pre_son."&amp;"."autoplay=1"; } else { $pre_son="/musique/son1.mp3"; $son="/musique/son1.mp3"; } ?> <div id="content_dew_player"> <object type="application/x-shockwave-flash" data="/dewplayer.swf?son=<?php echo $son; ?>" height="20" width="240"> <param name="movie" value="/dewplayer.swf?son=<?php echo $son; ?>" /> </object> <p>Fichier mp3: <a xhref="<?php echo $pre_son; ?>"><?php echo $pre_son; ?></a>.</p> </div> <ul id="liste_sons"> <li><a xhref="?go_son=/musique/son_1.mp3">Son 1</a></li> <li><a xhref="?go_son=/musique/son_2.mp3">Son 2</a></li> <li><a xhref="?go_son=/musique/son_3.mp3">Son 3</a></li> <li><a xhref="?go_son=/musique/son_4.mp3">Son 4</a></li> </ul>

Contrôle en javascript

Le javascript réalise une surcouche qui permet d'économiser à chaque activation des liens un échange avec le serveur appelant une nouvelle page pour chaque son.
Voici le contenu commenté du fichier externe playlist_dewplayer.js :
function control_player() { // Test sur les méthodes if (!document.getElementById || !document.getElementsByTagName){ return false; } var referent=document.getElementById('liste_sons'); var liens_son=referent.getElementsByTagName('a'); for (i=0; i<liens_son.length; ++i) { liens_son[i].onclick=function() { /* Au clique sur le lien on récupère l'adresse absolue du son. Attention elle sera du type [url=http://...etc...]http://...etc...[/url] */ var adresse_son=this.href; // Puis on extrait la chaine de caractère commençant à la dernière occurence du caractère = var pre_son=adresse_son.substring(adresse_son.lastIndexOf("=")); /* Enfin on extrait du résultat une nouvelle chaine de caractère commençant à l'index 1 de la précédente. L'index 0 qui correspond au caractère = est donc exclu. La variable son est maintenant opérationnelle. */ var son=pre_son.substring(1); /* On re génère complètement le code html du Dewplayer grâce à la propriété innerHTML et on le renseigne avec la variable son */ document.getElementById('content_dew_player').innerHTML="<object type='application/x-shockwave-flash' data='/dewplayer.swf?son="+ son +"&autoplay=1' width='240' height='20'><param name='movie' value='/dewplayer.swf?son="+ son +"&autoplay=1' /></object><p>Fichier mp3 : <a xhref='"+ son +"'>"+ son +"</a>.</p>"; // On annihile le lien return false; } } } On lance la fonction "control_player()"une fois le chargement de la page effectif window.onload=control_player;

• participer

Message publié le samedi 13 octobre 2007 à 12 h 09 par romaes.

salut

cela fait longtemps que je cherche en vain un systeme comme celui ci, je vais m'empresser de le tester sur mon site .....

plus de news lorsque je l'aurai fait fonctionner !!!!!

• participer

Message publié le jeudi 28 février 2008 à 16 h 17 par waboo.

Bonjour,

J'aimerais intégrer le dewplayer, ainsi que vos fonctions php à l'aide du "swfobject". Comment devrais-je faire ?

Waboo

• participer

Message publié le mercredi 05 mars 2008 à 17 h 30 par waboo.

Dans le code php avec le dewplayer, il y a une ligne de code afin de nommer le "Fichier mp3" en cours. Aulieu du chemin d'accès, j'aimerais que ce sois un nom plus convivial. C'est-à-dire. la Toune 1 aulieu de musique/toune1.mp3.

Est-ce possible d'avoir un peu plus de détail à sujet ?

Waboo

• participer

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.