18041 sujets

Questions générales et questions de débutants

Lire un mp3 depuis une liste deroulante??

bonjours a tous je cherche a coder un truc genre form sur une liste déroulante qui me permet d'initialiser mon src de ma balise audio je dois pas être loin mais je sais pas trop manier le dom
tout est sur la même page index.html

<img src="image/armstrong.jpg" alt="artiste photo">


<audio src="mp3/leblues.mp3" autoplay controls loop>fichier non supportée !</audio><br/><br/>
<form action="index.htm">
<p>Mp3 a écouter</p>
<p>
<select name="audio" size="5"
onchange="document.getElementsByTagName(audiosrc(this.form.audio.options[this.form.audio.selectedIndex].value)">
<option value="mp3/mabio.mp3">biographie audio</option>
<option value="mp3/iloveparis.mp3">i love paris</option>
<option value="mp3/westendblues.mp3">west end blues</option>
<option value="mp3/cestsibon.mp3">c'est si bon</option>

</select>
</p>
</form>

help Smiley sweatdrop
j ai essayer ça toujours pas

<script language="javascript">
function changer(){	document.ajour.audio.src=document.ajour.audio.value;
}
</script>
</head>


<body>
<div id="global">
<img src="image/armstrong.jpg" alt="artiste photo">



<form name="ajour">
<p>Mp3 a écouter</p>
<p>
<select name="audio" size="5" onChange="changer();">
<option value="mp3/mabio.mp3">biographie audio</option>
<option value="mp3/iloveparis.mp3">i love paris</option>
<option value="mp3/westendblues.mp3">west end blues</option>
<option value="mp3/cestsibon.mp3">c'est si bon</option>

</select>
</p>
<audio src="" autoplay controls loop>fichier non supportée !</audio><br/><br/>
</form>
</div>
</body>
</html>

Smiley bawling
question:
ya t'il au moins moyens de lire plusieur mp3 a partir de la même balise audio en changeant seulement son src?
Hello leo2v

je n'est pas testé ce que je te propose mais voici des premieres corrections

<html>
<head>
<script language="javascript">
	function changer(audioFile) {
		[#red][b]document.getElementById('audio').src=audioFile;[/b][/#]
	}
</script>
</head>
<body>
	<div id="global">
		<img src="image/armstrong.jpg" alt="artiste photo">
		<form name="ajour">
			<p>Mp3 a écouter</p>
			<p>
				<select name="audioForm" size="5" onChange="changer([#red][b]this.value[/b][/#]);">
					<option value="mp3/mabio.mp3">biographie audio</option>
					<option value="mp3/iloveparis.mp3">i love paris</option>
					<option value="mp3/westendblues.mp3">west end blues</option>
					<option value="mp3/cestsibon.mp3">c'est si bon</option>
				</select>
			</p>
			<audio [#red][b]id="audio"[/b][/#] src="" autoplay controls loop>fichier non supportée !</audio>
			<br />
			<br />
		</form>
	</div>
</body>
</html>
merci mais ça ne marche pas ouiiin html5 c'est pas franchement une révolution on dirais
quelqu’un a une autre idée svp
Smiley murf
Si jamais tu développes avec Firefox, sache qu'il ne prend pas en compte les fichiers audio au format MP3 Smiley cligne

Ensuite le code que t'as envoyé celestin marche ! Smiley smile

un peu de doc si tu veux en savoir plus sur la balise audio
http://html5doctor.com/native-audio-in-the-browser/

(tu auras un tableau avec les formats supportés par les différents navigateurs)
Modifié par Hammer (14 Nov 2011 - 12:45)
oki milles excuse pour le manque de concentration effectivement ça marche super il reste donc le problème de moz mais bon sinon ce petit bout de code me plais bien.....
J'aimerais savoir si il existe de bon ouvrage sur javascript et le dom ?? Smiley biggol
merci encore pour le petit coup de main Smiley biggrin Smiley cligne
Pour régler le problème il te faut nécessairement utiliser des fichiers d'extension différente comme ça par exemple :

<audio id="audio" src="nomDuFichier.wav" autoplay controls loop>fichier non supportée !</audio>
<audio id="audio" src="nomDuFichier.ogg" autoplay controls loop>fichier non supportée !</audio>

<audio autoplay controls loop>
<source src="nomDuFichier.ogg">
<source src="nomDuFichier.wav">
fichier non supportée !
</audio>

Le navigateur va lire l'audio qu'il arrive a interpréter, ici, tout les navigateurs vont lire le .wav sauf Chrome qui va passer à la ligne suivante et lire le .ogg

Pour les bouquins je peux pas t'aider, personnellement j'ai appris les bases en cours, mais après il y a assez de doc sur internet pour trouver ton bonheur.
si jamais (même si je pense que tu connais) : http://www.siteduzero.com

Bonne chance pour la suite Smiley cligne

(j'ai édité mon comment au niveau du code qui était faux)
Modifié par Hammer (17 Nov 2011 - 16:56)
Sujet clos
Aller à