Juke box avec dewplayer

Soyez le premier à donner votre avis sur cette source.

Snippet vu 7 382 fois - Téléchargée 16 fois

Contenu du snippet

Dewplayer est un lecteur Flash de plus en plus utilisé sur les sites.
Mais j'ai cherché comment lui faire jouer un air qui serait différent en fonction de l'emplacement cliqué (ou survolé) sur la page WEB.

Voici comment j'ai pu réaliser ceci, en plaçant "OBJECT" dans une fonction placée dans un fichier JS.

Un fichier appelle dewplayer en indiquant l'air à jouer.
Les différents MP3 sont placés en variables dans le fichier JS.
Le player (dewplayer) ainsi que les airs MP3 sont, ici, dans la racine.
Les airs MP3 sont des chansons enfantines créées en midi puis converties en MP3.

Source / Exemple :


Le fichier HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<!-- http://www.toilefrancophone.net -->
<HTML>

<HEAD>
<TITLE>Dewplayer avec variables</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=iso-8859-1">
<META NAME="generator" CONTENT="Hélios 8.0">
<script language="JavaScript" src="dew.js"></script>
</HEAD>
 
<BODY bgcolor="cccccc">
<!--  POUR LA FONCTION AUDIO  -->
<div id="audio"></div>

		<!--  CADRE DE LA PAGE TOTALE   -->
<table align="center" background="granit.jpg" border=0 style="position:relative; top:-15px; left:0; margin-left: auto; margin-right: auto; text-align: left" width="1010px">
<tr>
<td>
	<!--  PRESENTATION DANS CADRE À FOND BLEU -->
<table width="70%" border="5" align="center" bgcolor="#3B64E4" cellspacing="1" cellpadding="0">
<td align="center">
	<table width="99%" border="0" bgcolor="#569BEA">
	<tr>
	<th style="font-family: arial; font-style: normal; font-size: 14pt; color: #000080">
<br /><a href="#" onClick="sons(0,880,35,160,20);" />Écouter le premier morceau.</a><br />
<br /><a href="#" onClick="sons(1,880,80,160,20);" />Écouter le deuxième morceau.</a><br />
<br /><a href="#" onClick="sons(20,0,0,0,0);" />Stopper la musique.</a><br />
<br />
	</th>
	</tr>
	</table>
</td>
</table>
  
	<!--  FIN CADRE PAGE TOTALE  -->
</td></tr></table>

</BODY>
</HTML>

Le fichier JS à placer dans le même répertoire que le fichier HTML :

		/*  SONS AVES FONCTION CONTENANT OBJECT FLASH  */

var aud = new Array();
aud[0]="ptitpapnoel.mp3";
aud[1]="vivevent.mp3";
	/*  SON 20 inexistant=silence POUR ARRÊT DU SON  */
aud[20]="rien.mp3";

	/*   LE DEWPLAYER VERSION PASSE PARTOUT PLACÉ DANS UNE FONCTION   */

function sons(n,posx,posy,larg,haut) {
document.getElementById('audio').innerHTML='<p style="position: absolute; top: ' + posy + '; left:' + posx + '; z-index:1000"><object data="dewplayer.swf?&son=' + aud[n] + '&autostart=1&autoreplay=1&showtime=1" type="application/x-shockwave-flash" width=' + larg + ' height=' + haut + '><param name="wmode" value=""><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="dewplayer.swf?&son=' + aud[n] + '&autostart=1&autoreplay=1&showtime=1"><param name="bgcolor" value="#0000ff"></object></p>';
} 		

/*
Les métas mots dewplayer, dewplayerMini, dewplayerMulti acceptent plusieurs paramètres qui sont :

Le ou les MP3 (si il y a plusieurs MP3 le | sera utilisé pour délimiter les morceaux ), 
Show Time (Permet d?afficher le temps en minutes:secondes), 
Random Play (Permet la lecture aléatoire) uniquement pour le multi , 
No Pointer (Permet de ne pas afficher de curseur), 
Volume (Permet de limiter le volume du MP3). 
autostart=1 démarrage automatique (si la valeur est 0, pas la peine de le rajouter dans le code ):
autoreplay=1 lecture en boucle;
bgcolor=code couleur hexadécimal du fond 

  • /
//-->

Conclusion :


Ceci peut permettre la création d'un Juke Box ou une page sur laquelle un son est entendu au survol ou au clic sur une image ou un mot.
Exemple dans http://vingtscents.free.fr

Le player pourra être téléchargé sur le site http://www.alsacreations.fr/
Les airs MP3 qui seront placés dans la racine devront être indiqués dans le fichier JS

A voir également

Ajouter un commentaire

Commentaires

cs_alain17610
Messages postés
15
Date d'inscription
samedi 22 novembre 2008
Statut
Membre
Dernière intervention
21 avril 2016
-
Je viens d'essayer avec FireFox V 3.0.1 et c'est pareil, je n'entends pas la musique des 5 chansons.
J'ai essayé aussi avec IE7 (depuis un autre disque dur car IE7 et IE6 ne peuvent pas être sur le même) et c'est pareil.
Quant à ActiveX, pour l'autoriser, il faudrait qu'il soit proposé et il ne l'est pas.

Mais c'est avec XP pro et peut-être que tu as essayé avec Vista !
Si tu as un ami qui utilise XP, demande lui le résultat.

Le morse fonctionne bien sur IE6, IE7 et Firefox (les sons sont aussi en MP3).

Pour communiquer, tu peux aller en haut de cette page (Information sur la source) et cliquer sur "Écrire un message privé".

Regards,
A.M.
maestrodabla
Messages postés
5
Date d'inscription
mercredi 1 novembre 2000
Statut
Membre
Dernière intervention
10 juin 2009
-
Hi PROTNJ,

Je reviens vers toi pour te dire que ça fonctionne bien sur IE7. Il faut autoriser ActiveX.
Tiens-moi au courant si tout se passe bien de ton côté.
maestrodabla
Messages postés
5
Date d'inscription
mercredi 1 novembre 2000
Statut
Membre
Dernière intervention
10 juin 2009
-
Hi Alain,
Ton travail pour le morse est encore admirable. Je te félicite une fois de plus. Pour tes suggestions concernant la fonction sons() que tu dis avoir vu en commentaire, ca n'a aucun effet, car je ne l'utilise pas, j'utilise une fonction createPlayer().

Hello PROTNJ,
Il n'y a pas vraiment d'erreur dans le script, ça fonctionne bien sur Firefox/3.0.10, la dernière version à date. Mais pour te dire vrai, je ne sais pas pourquoi lecteur ne veut pas apparaîttre sur IE7 ou Chrome.
Je vais regarder le script dans la journée et je reviens vers vous.
Jettez-y un coup d'oeil encore une fois, tu peux vérifier que ça marche bien sur la dernière version de Firefox.
proftnj
Messages postés
54
Date d'inscription
lundi 10 juillet 2006
Statut
Membre
Dernière intervention
11 septembre 2011
-
salut maestrodabla.

Il y a bien un problème sur ton site pour la musique avec Internet Explorer 7 et la dernière version de Firefox. Il doit y avoir une faute dans le script.
C'est OK pour les vidéos, pourtant.
cs_alain17610
Messages postés
15
Date d'inscription
samedi 22 novembre 2008
Statut
Membre
Dernière intervention
21 avril 2016
-
I've seen why !
Because in your js file, fuction sons() is between /* and */

/*function sons(n,posx,posy,larg,haut) { etc.

Regards.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.