Question

当点击链接时，我正在尝试向我的网站添加声音。我将这个javascript添加到我的doc：

的头部

<script language="javascript" type="text/javascript">
 function playSound('Swoosh 3-SoundBible.com-1573211927.wav') {
 document.getElementById("dummy").innerHTML=
 "embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
 }
</script>

我将此代码添加到正文中： span id =“dummy”＆gt;

这就是我所说的我希望听到的声音： onclick =“playSound（'Swoosh 3-SoundBible.com-1573211927.wav'）;

我是从http://webdesign.about.com/od/sound/a/play_sound_oncl.htm得到的。但是当我在浏览器中测试它时，这不起作用。单击鼠标时听不到声音。有人可以帮忙吗？谢谢！

Answer 1

似乎该函数不知道“soundfile”的内容，因为不是在函数头中命名变量，而是用显式文件名替换它。尝试将函数名称重写为function playSound(soundfile){}。

Answer 2

以下是使用HTML5音频元素的方法。要在尽可能多的浏览器中使用它，您应该有一个.mp3和.ogg版本的声音。为简单起见，我使用jQuery来进行事件处理。

标记

<audio id='clicksound' style='display:none'>
<source src='mysound.ogg'>
<source src='mysound.mp3'>
</audio>

JavaScript

$(document).ready(function(){
    $('.soundonclick').click(function(){
        document.getElementById('clicksound').play();
    });
});

请帮助我在网站上添加声音 - 点击鼠标

2 个答案: