Ajouter un commentaire

thesuixx
ajout de fond sonore avec appendChild

bonjour,
voilà j'ai un petit souci, je bosse actuellement sur un site pour lequel je veux mettre un fond sonore mais sans obliger les utilisateurs à installer des plugins supplémentaires.
Je me suis donc tourné vers HTML5 et sa balise audio. Premier problème: IE, pour lequel je dois utiliser bgsound.
Etant donné que je ne peux pas tester le navigateur du client au niveau du php pour des raisons techniques, je dois donc le faire au niveau du javascript. J'ai donc raisonné de la façon suivante: au chargement de la page, je teste le nav, si c'est IE, je crée une balise bgsound, si c'est un autre nav, je crée une balise audio (sous forme d'objet HTML), puis j'ajoute cet objet grace à appendChild().
Ce qui donne le code suivant (avec une url vers un fichier wav bidon trouvé sur internet):

<script type="text/javascript">

	/**
	* fonction à appeller au chargement
	*/
	function chargement(){
		if (navigator.appName == "Microsoft Internet Explorer"){
			var musique   = document.createElement('bgsound');
			musique.loop = '-1';
			musique.hidden = 'true';
		}else{
			var musique = document.createElement('audio');
			musique.playcount = '999';
			musique.autoplay = 'true';
			musique.controls = 'false';
		}
		musique.src = "http://www.memoclic.com/medias/sons-wav/2/698.wav";
		document.getElementById("m").appendChild(musique);
	}

</script>
	
<div id="misa" onLoad="chargement()">
	<div id="m"/>
</div>

seul problème, la musique ne se lance pas...

Filtered HTML

Plain text

CAPTCHA
Cette question permet de vérifier que vous n'êtes pas un robot spammeur :-)
 N   N  PPPP   FFFF  H  H  M   M 
NN N P P F H H MM MM
N N N PPPP FFF HHHH M M M
N NN P F H H M M
N N P F H H M M