ウェブページの読み込みから 5 秒後に音声ファイルを再生したい。以下のコードを書いたのですが、うまくいきません。ウェブページを読み込んでから 5 秒後に音声ファイルを再生する方法を教えてもらえますか? 大変お世話になりました。ありがとう。
次のコードは IE で動作します。主にFIREFOX-3.0で動作させたいと思っています。Firefox で、「document.getElementById('audiotag1').play」は関数ではないというエラーが表示されました。Firefox で動作させるにはどうすればよいですか?
<html>
<head>
<script type="text/javascript">
function doTimer(length, resolution, oninstance, oncomplete)
{
var steps = (length / 100) * (resolution / 10),
speed = length / steps,
count = 0,
start = new Date().getTime();
function instance()
{
if(count++ == steps)
{
oncomplete(steps, count);
}
else
{
oninstance(steps, count);
var diff = (new Date().getTime() - start) - (count * speed);
window.setTimeout(instance, (speed - diff));
}
}
window.setTimeout(instance, speed);
}
doTimer(5000, 20, function(steps)
{
},
function() {
document.getElementById('audiotag1').play();
}
);
</script>
<script type="text/javascript">
function play_single_sound() {
document.getElementById('audiotag1').play();
}
</script>
</head>
<body>
Timer out
<audio id="audiotag1" src="https://www.dropbox.com/s/0kf457qwu6zh5q4/warning_alarm.mp3" preload="auto"></audio>
<a href="javascript:play_single_sound();">warning_alarm</a>
</body>
</html>