Playing a sound file with a JavaScript function

[Death Slaught]

This code was written by acoder serveral (139) days ago. So I decided to post it.

 
function play() {
embed = document.createElement("embed");
embed.setAttribute("src", "soundfile.wav");
embed.setAttribute("hidden", true);
embed.setAttribute("autostart", true);
document.body.appendChild(embed);
}
 
 

^_^ Thanks, Death

[gits]

to make it a little bit more useful we should slightly adapt it to accept the file to play as a parameter, and strictly seen we should declare the variable embed :)

 
function play(file) {
    var embed = document.createElement("embed");
 
    embed.setAttribute('src', file);
    embed.setAttribute('hidden', true);
    embed.setAttribute('autostart', true);
 
    document.body.appendChild(embed);
}
 

so now we could simply call:

onclick="play('file.wav');"

on any element we want ...

kind regards

[acoder]

I probably posted that from somewhere - no need to attribute it to me.

Besides the points made above, embed is actually non-standard, but sometimes required for backwards compatibility. The element to use now is object.

[gits]

I probably posted that from somewhere - no need to attribute it to me.

Besides the points made above, embed is actually non-standard, but sometimes required for backwards compatibility. The element to use now is object.

so we could adapt it further :)

 
function play(file, obj) {
    if (typeof obj == 'undefined') {
        obj = 'object';
    }
 
    var node = document.createElement(obj);
 
    node.setAttribute('src', file);
    node.setAttribute('hidden', true);
    node.setAttribute('autostart', true);
 
    document.body.appendChild(node);
}
 

now we could call:

onclick="play('file.wav');"

that creates the 'object' as default or:

onclick="play('file.wav', 'object');"

or even with 'embed' instead of 'object' in case we need to do that ;)

kind regards