Jouer des notifications sonores avec Javascript?

Comment puis-je faire cela, alors chaque fois qu'un utilisateur clique sur un lien, nous jouons un son? Utilisation de javascript et jquery ici.

Utilisez ce plugin: https://github.com/admsev/jquery-play-sound

$.playSound('http://example.org/sound.mp3');

Mettez un <audio>élément sur votre page.
Obtenez votre élément audio et appelez la play()méthode:

document.getElementById('yourAudioTag').play();

Consultez cet exemple: http://www.storiesinflight.com/html5/audio.html

Ce site révèle quelques - unes des autres choses cool que vous pouvez faire, comme load(), pause()et quelques autres propriétés de l'élément audio.

C'est à vous de décider quand exactement vous voulez lire cet élément audio. Lisez le texte du bouton et comparez-le à «non» si vous le souhaitez.

Alternativement

http://www.schillmania.com/projects/soundmanager2/

SoundManager 2 fournit une API facile à utiliser qui permet de lire le son dans n'importe quel navigateur moderne, y compris IE 6+. Si le navigateur ne prend pas en charge HTML5, il obtient l'aide de Flash. Si vous voulez strictement HTML5 et pas de flash, il existe un paramètre pour cela, preferFlash = false

Il prend en charge l'audio 100% sans Flash sur iPad, iPhone (iOS4) et autres appareils compatibles HTML5 + navigateurs

L'utilisation est aussi simple que:

<script src="soundmanager2.js"></script>
<script>
// where to find flash SWFs, if needed...
soundManager.url = '/path/to/swf-files/';

soundManager.onready(function() {
    soundManager.createSound({
        id: 'mySound',
        url: '/path/to/an.mp3'
    });

    // ...and play it
    soundManager.play('mySound');
});

En voici une démonstration en action: http://www.schillmania.com/projects/soundmanager2/demo/christmas-lights/

Trouvé quelque chose comme ça:

//javascript:
function playSound( url ){   
  document.getElementById("sound").innerHTML="<embed src='"+url+"' hidden=true autostart=true loop=false>";
} 

Utilisation de la balise audio html5 et de jquery:

// appending HTML5 Audio Tag in HTML Body
$('<audio id="chatAudio">
    <source src="notify.ogg" type="audio/ogg">
    <source src="notify.mp3" type="audio/mpeg">
</audio>').appendTo('body');

// play sound
$('#chatAudio')[0].play();

Code d'ici .

Dans mon implémentation, j'ai ajouté l'intégration audio directement dans le HTML sans jquery append.

Gestionnaire de son JavaScript:

http://www.schillmania.com/projects/soundmanager2/

$('a').click(function(){
    $('embed').remove();
    $('body').append('<embed src="/path/to/your/sound.wav" autostart="true" hidden="true" loop="false">');
});

J'ai écrit une petite fonction qui peut le faire, avec l'API Web Audio ...

var beep = function(duration, type, finishedCallback) {

    if (!(window.audioContext || window.webkitAudioContext)) {
        throw Error("Your browser does not support Audio Context.");
    }

    duration = +duration;

    // Only 0-4 are valid types.
    type = (type % 5) || 0;

    if (typeof finishedCallback != "function") {
        finishedCallback = function() {};   
    }

    var ctx = new (window.audioContext || window.webkitAudioContext);
    var osc = ctx.createOscillator();

    osc.type = type;

    osc.connect(ctx.destination);
    osc.noteOn(0);

    setTimeout(function() {
        osc.noteOff(0);
        finishedCallback();
    }, duration);

};

New emerger ... semble être compatible avec IE, les navigateurs Gecko et iPhone jusqu'à présent ...

http://www.jplayer.org/

Le code suivant peut vous aider à lire du son dans une page Web en utilisant uniquement javascript. Vous pouvez voir plus de détails sur http://sourcecodemania.com/playing-sound-javascript-flash-player/

<script>
function getPlayer(pid) {
    var obj = document.getElementById(pid);
    if (obj.doPlay) return obj;
    for(i=0; i<obj.childNodes.length; i++) {
        var child = obj.childNodes[i];
        if (child.tagName == "EMBED") return child;
    }
}
function doPlay(fname) {
    var player=getPlayer("audio1");
    player.play(fname);
}
function doStop() {
    var player=getPlayer("audio1");
    player.doStop();
}
</script>

<form>
<input type="button" value="Play Sound" onClick="doPlay('texi.wav')">
<a href="#" onClick="doPlay('texi.wav')">[Play]</a>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
    width="40"
    height="40"
    id="audio1"
    align="middle">
    <embed src="wavplayer.swf?h=20&w=20"
        bgcolor="#ffffff"
        width="40"
        height="40"
        allowScriptAccess="always"
        type="application/x-shockwave-flash"
        pluginspage="http://www.macromedia.com/go/getflashplayer"
    />
</object>

<input type="button" value="Stop Sound" onClick="doStop()">
</form>

Tout d'abord, je n'aimerais pas ça en tant qu'utilisateur.

La meilleure façon de faire est probablement d'utiliser une petite applet flash qui joue votre son en arrière-plan.

Également répondu ici: Moyen multiplateforme et multi-navigateurs pour lire du son à partir de Javascript?