Bonjour,
Je souhaite lancer un fichier mp3 sous deux conditions :
- que mon <h2> soit un certain mot bien précis (ce mot change en fonction du mot qu'on a cliqué parmi une liste)
- et que notre souris survole une certaine image
Je vais vous montrer le code (enfin, la partie concernée), puis je vais expliquer plus clairement.
#speaker est l'id d'une image d'un speaker,
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 var audioElement = document.createElement('audio'); audioElement.setAttribute('src', 'audio/test.mp3'); $(document).ready(function() { $('#speaker').mouseover(function(){ if($('#char').val() == 'PremierMot'){ $('audio/test.mp3').play(); } }); });
test.mp3 est le fichier audio que je veux lancer (j'ai bien vérifié, pas d'erreur de répertoire),
#char est l'id du <h2>. Si on clique sur 'PremierMot' dans ma page, ce mot apparaît à la droite de la page. Il n'y est donc pas sur la page initiale, avant qu'on clique (C'est peut-être important parce qu'on a alors peut-être besoin d'actualiser le code en JS ? C'est pour ça que j'ai mis $(document).ready(function() )
Donc en gros :
Je cherche donc à activer le fichier mp3 lorsqu'on survole l'image #char, si et seulement si le mot qui est affiché à la droite de la page est le mot "PremierMot".
Je suis sûr que c'est faisable ! La question est : comment ?
Partager