11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'arrive à faire jouer parfaitement 2 players "dewplayer" simultanément avec IE (l'un pour l'ambiance musicale et l'autre pour le commentaire vocal).
Ce n'est pas le cas avec Firefox et Chrome:
L'ambiance musicale est suspendue, dès que l'on clique sur le bouton de synthèse vocale. La voix quant à elle est tantôt claire, tantôt accélérée.

Merci d'avance

Cordialement,
Philou

voici mon lien : http://www.cybtechnologie.com/essai_dewplayer.htm

voici le code test:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>Fiche descriptive</title>
<style type="text/css">
	#player_son{
	position:absolute;top:20px;left:10px;width:240px; height: 25px
	}
	#commande_vocal{
	position:absolute;top:45px;left:10px;width:300px; height: 32px
	}
	#player_vocal{
	position:absolute;top:70px;left:10px;width:240px; height: 25px
	}
</style>

<script language ="Javascript">

var fichier_son = "http://www.paysagesdefrance.com/audio/Classique/Chopin-Nocturnes_valses_op_70-1_en_Sol_bemol_majeur.mp3";
var fichier_vocal = "http://www.paysagesdefrance.com/descriptif/vocal/vocal_MA_isabelle.mp3";
function lecture(fichier,player){
	switch(player){
		case 'player_son' :
		document.getElementById('player_son').innerHTML='<object type="application/x-shockwave-flash" id ="player_son_id" data="http://www.cybtechnologie.com/player/dewplayer/dewplayer-multi.swf" width="240" height="20"><param name="movie" value="http://www.cybtechnologie.com/player/dewplayer/dewplayer-multi.swf" /><param name="flashvars" value="mp3='+fichier+'&amp;autostart=1&amp;autoreplay=1&amp;bgcolor=FFFFFF&amp;volume=60&amp;javascript=on" /></object>';
		break;
		case 'player_vocal' :
		document.getElementById('player_vocal').innerHTML='<object type="application/x-shockwave-flash" id ="player_vocal_id" data="http://www.cybtechnologie.com/player/dewplayer/dewplayer.swf" width="1" height="1"><param name="movie" value="http://www.cybtechnologie.com/player/dewplayer/dewplayer.swf" /><param name="flashvars" value="mp3='+fichier+'&amp;autostart=1&amp;autoreplay=0&amp;bgcolor=FFFFFF&amp;volume=60&amp;javascript=on" /></object>';
		break;
		default: 
		break;}
}

function load() {
lecture(fichier_son,'player_son');
}
</script>
<script type="text/javascript" src="http://www.cybtechnologie.com/player/dewplayer/swfobject.js"></script>
</head>
<body bgcolor="#FFFFFF" onload="load()">
<div id="player_son"></div>
<div id="commande_vocal">Cliquer pour synthèse vocale :<img src= "images/logo_vocal.gif" onclick="Javascript:lecture(fichier_vocal,'player_vocal');" name="ImageVocal"  border="0" width="30px" height="32px"/></div>
<div id="player_vocal"></div>
</body>
</html>

Modifié par philippe77 (21 Mar 2010 - 15:38)