Playing a sound in Firefox or Chrome

Question

I'm trying to play a wav file by ANY means. With the audio tag or not, it does not matter.

It's for an application only used internally, and the sound only plays when a serious error is made. So it exists to annoy people.

This is the code so far:

var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'wav/actors_relig1.wav');
audioElement.play();

But that did not work.

your code is correct, but check is the src (file path) is correct? — Faraona, Jun 26 '11 at 18:54
See: http://stackoverflow.com/questions/1700300/embedd-wav-files-in-html-page-in-all-browsers-no-controls — BGerrissen, Jun 26 '11 at 18:56
Even better: http://stackoverflow.com/questions/187098/cross-platform-cross-browser-way-to-play-sound-from-javascript — BGerrissen, Jun 26 '11 at 18:58
And another one: http://stackoverflow.com/questions/879152/how-do-i-make-javascript-beep — BGerrissen, Jun 26 '11 at 18:59
In other words, plenty of examples to be found on stackoverflow. So do a search! ;oP — BGerrissen, Jun 26 '11 at 19:00

Achshar · Answer 1 · 2011-06-26T19:01:57.077

1

I think you need to append the created div first

document.getElementsByTagName('body')[0].appendChild(audioElement);

and wait for it to load with

audioElement.addEventListener('loadeddata', function() {audioElement.play()}, false);

edited Jun 26 '11 at 19:01

answered Jun 26 '11 at 18:56

Achshar

i am not really sure if it is `loadeddata` or not but i know for sure about `loadedmetadata` (which fires when, as the name suggests, meta data of the audio is loaded but song itself is not) so `loadeddata` makes sense, a quick google search didn't reveal anything but it should work :) – Achshar Jun 26 '11 at 19:10

1 Answers1