5568 sujets

Sémantique web et HTML

Salut !

J'ai cherché sur plein de sites/forum, mais il n'y a pas ce que je veux exactement.

Sans recharger toute la page, j'aimerais qu'à chaque clic d'un lien url je puisse rafraichir un div où est incluse la balise <audio>.

Par exemple :


H E A D E R / M E N U

<a href="play.php?track=Titre1">Titre 1</a>
<a href="play.php?track=Titre2">Titre 2</a>
<a href="play.php?track=Titre3">Titre 3</a>

L E C T E U R A U D I O <<<< (je veux juste rafraichir cette section avec un autoplay)


Je comptais passer par une page php qui fasse charger le lecteur via le nom du titre+.mp3. Mais peut-être que je fais fausse route et que je dois utiliser du AJAX ou un iframe ?

Je souhaite quelque chose d'ultra sobre/simple qui marche de partout, c'est à dire seulement les liens url et le lecteur <audio> HTML5 basique sans le personnaliser avec du CSS. Je ne veux pas de player avec playlist.

Merci.
Modifié par xlaas (21 Sep 2013 - 16:45)
a priori tu dois pouvoir utiliser l'attribut src de tes balises source.
Vite fait pour avoir l'idée de comment ça marche:

<!DOCTYPE html>
<html>
<body>

<audio controls>
<source id="saudio1" src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

<a href="autre.mpg" onclick="document.getElementById('saudio1').src='autre.mpg'" >autre</a>

</body>
</html>

Merci pour ta réponse. N'étant pas très doué, je vais tester ça avec un ami.

Je mets le sujet comme résolu. Je reposterai en cas de souci.

Merci encore.