Doesn't matter what I do, I simply can't get this to play a sound in Firefox or IE, or Chrome for that matter.
<html>
<head>
<script type="text/javascript">
function play()
{
var embed = document.createElement('object');
embed.setAttribute('src', 'c:\\test.wav');
embed.setAttribute('hidden', true);
embed.setAttribute('autostart', true);
embed.setAttribute('enablejavascript', true);
document.childNodes[0].appendChild(embed);
}
// -->
</script>
</head>
<body onload="play();">
</body>
</html>
Doesn't matter what I do, I simply can't get this to play a sound in Firefox or IE, or Chrome for that matter.
<html>
<head>
<script type="text/javascript">
function play()
{
var embed = document.createElement('object');
embed.setAttribute('src', 'c:\\test.wav');
embed.setAttribute('hidden', true);
embed.setAttribute('autostart', true);
embed.setAttribute('enablejavascript', true);
document.childNodes[0].appendChild(embed);
}
// -->
</script>
</head>
<body onload="play();">
</body>
</html>
- 14 Please do not have background sounds play automatically when the page loads. It is one of the most annoying things a webpage can do (see seomoz/blog/…). At least have an option to mute it. – In silico Commented Aug 4, 2010 at 5:33
-
2
One of your issues is that
\tis tab. – Matthew Flaschen Commented Aug 4, 2010 at 5:33 - Fixed the \t thing, but still no luck. – frankclaassens Commented Aug 4, 2010 at 5:39
3 Answers
Reset to default 6Try using this revised version of the function play()
function play()
{
var embed=document.createElement('object');
embed.setAttribute('type','audio/wav');
embed.setAttribute('data', 'c:\test.wav');
embed.setAttribute('autostart', true);
document.getElementsByTagName('body')[0].appendChild(embed);
}
The problem with your code was you were using the src attribute, which is for the <embed> tag. Instead, use the data attribute for the <object> tag.
If you are trying to get the most patibility out of this, you should also consider adding the embed tag as an alternate for the object tag. The way it works is like this:
<object data="test.wav" type="audio/wav" autostart="true">
<embed src="test.wav" autostart="true" alt="Could not load audio" />
</object>
This works similar to the noscript tag, where older browsers that don't support the object tag resort to the embed tag.
Try This Method, to play sound in all your browsers :
function playSound(soundfile_ogg, soundfile_mp, soundfile_ma) {
if ("Audio" in window) {
var a = new Audio();
if (!!(a.canPlayType && a.canPlayType('audio/ogg; codecs="vorbis"')
.replace(/no/, '')))
a.src = soundfile_ogg;
else if (!!(a.canPlayType && a.canPlayType('audio/mpeg;').replace(/no/,
'')))
a.src = soundfile_mp;
else if (!!(a.canPlayType && a.canPlayType(
'audio/mp4; codecs="mp4a.40.2"').replace(/no/, '')))
a.src = soundfile_ma;
else
a.src = soundfile_mp;
a.autoplay = true;
return;
} else {
alert("Time almost up");
}
}
to play the sound, do something like this:
playSound("/file/horse.wav", "/file/horse.mp3","/file/horse.m4a");
FYI using the <embed> tag will invalidate your code. At the moment you have two choices if you want to play sounds on your web page: [1] use the method which works on most browsers today, but which will invalidate your HTML (using <embed>), or [2] use the methods which will only work in some of the latest browsers, but which will be the way to go in the future and also is considered valid HTML (using <audio> or <object>).