18010 sujets

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

Lire un mp3 en cliquant sur une image (sans recharger une page)

Bonjour à tous !

Je souhaiterais pouvoir lancer la lecture d'un fichier mp3 lorsque l'utilisateur clique sur une image et arrêter sa lecture lorsque l'utilisateur clic sur la même image ou sur une image différente.

Est ce possible de réaliser cela ? En HTML ? HTML5 ? script Ajax ? J'ai déjà mes mp3 sur mon serveur.

L'idée derrière tout ça est de créer une sorte de boite à rythme qui lancerai des rythme de batterie (en mp3) différents selon l'image sur laquelle a cliqué l'utilisateur.

Merci pour toutes les infos que vous pourrez m'apporter pour m'aider à réaliser cela Smiley smile

Michael.
Bonjour.

Pas besoin d'ajax, une balise audio HTML5 et un poil de JS devrait être suffisant.

<audio src="son1.mp3" preload="none"></audio>
<audio src="son2.mp3" preload="none"></audio>


Avec les appel en JS :
document.getElementsByTagName('audio')[0].play()
document.getElementsByTagName('audio')[0].pause()
document.getElementsByTagName('audio')[1].play()
document.getElementsByTagName('audio')[1].pause()

Ou en jQuery :
$('audio')[0].play()
$('audio')[0].pause()
$('audio')[1].play()
$('audio')[1].pause()

C'est un exemple au plus simple, après il faut gérer le clic...
Sujet clos
Aller à