Discussion :

[Hjæir]

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.

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();
            }
        });
    });

#speaker est l'id d'une image d'un speaker,
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 ?

[pterrat]

Tu peux utiliser l'objet HTMLAudioElement pour la gestion de ton fichier mp3.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

new Audio('your/url/here').play()

Pour la gestion des events ça a l'air pas mal.

Ps: L'objet HTMLAudioElement hérite de l'objet HTMLMediaElement