buttonclickplaysound

Immediate play sound on button click in HTML page

In my HTML page I have 9 images for dialing numbers and one text box that shows the pressed numbers. I want each of those images to immediately play beep sound when users click on them. I tried to use embed with hidden property and navigate it's source to .wav sound.

It is working OK, but when I press the images one after another immediately, it cannot play sound and just bees once at the end.

Is there any faster way of playing a .wav sound on 'onclick' method?

Solution

  • If you only need to support recent browsers, then HTML 5 offers you the Audio object

    to load/buffer your sound:

    var snd = new Audio("file.wav");

    to play the sound:

    snd.play();

    to re-cue it to the beginning (so that you can play it again):

    snd.currentTime=0;