2012-10-02 12 views
0

Mon problème: Je voudrais un utilisateur d'entendre un son d'une sorte si un nombre est supérieur à 100.lecture d'un son en utilisant html5/javascript

If (x > 100) { play sound } 

Comment puis-je aller à ce sujet en utilisant html5/javascript. Est-il possible de jouer du son sans avoir un petit clip vidéo en ligne. Le seul truc que j'ai vu jusqu'ici a ces petits joueurs quicktime embarqués dans la page: http://www.w3schools.com/html/html_sounds.asp

Espérons qu'il y a une meilleure solution? Merci

Répondre

2

Utilisez an <audio> element.

var foo = document.createElement('audio'); 
foo.src = 'https://dl.dropbox.com/u/8090976/Matrix%20Ring.aiff'; 

if (x > 100) 
{ 
    document.getElementById('foo').play(); 
} 

Démo: http://jsfiddle.net/mattball/ZcRt9/

More reading: http://html5doctor.com/native-audio-in-the-browser

+0

donc ce ne sera pas créer un clip en ligne, mais en fait juste me permettre de jouer un extrait audio? – Apollo

+0

Modifié pour utiliser 'document.createElement()' à la place d'un document existant dans la page. N.B. vous n'avez pas besoin de créer un nouvel élément chaque fois que vous voulez jouer un son; vous pouvez réutiliser le même. –

+0

génial! Donc, si j'ai le clip audio hébergé sur mon serveur quelque part, je peux simplement créer un lien en utilisant l'URL complète? – Apollo