Question

我的网站上有3个div，每个div都是一个像幻灯片一样显示的页面。请在此处查看功能和代码：http://jsfiddle.net/jasper/EXfnN/29/

现在我需要在第二页上添加一些按钮噪音，例如每次点击ABC / National / Other链接时都应该有点击噪音。如何在按钮上添加咔嗒声？

适当的Firefox插件可以使用，因为此网站适用于不是公共场所的自助服务终端。但是我试过了Firefox Noise Addon，但它只在链接链接到不同页面时才起作用，但是当链接在我的情况下在同一页面上时却不行。

有没有办法可以为点击第二页的每个按钮添加按钮噪音？如果是这样我该怎么办？任何代码/示例/教程都会有很大的帮助。

提前致谢。

编辑：感谢您的回复。在你的帮助下我到了一半。目前有一个电子邮件提交功能，当点击一个按钮时，页面也会滑动到下一个。

有人可以将下面这些有用的代码与我的函数here混合在一起吗？单击功能有点丢失但有两个事件（声音并提交电子邮件）谢谢！

这是额外的电子邮件提交js。

function abcSubmit() {
$.ajax({
    type: "POST",
    url: "email.php", 
    data: "abc=abc", 
});
}

function nationalSubmit() {
$.ajax({
    type: "POST",
    url: "email.php", 
    data: "national=national", 
});
}

function otherSubmit() {
$.ajax({
    type: "POST",
    url: "email.php", 
    data: "other=other"
});
}

和email.php就像

if(isset($_POST['abc']))
{ 
$to      = 'abc@site.com';
$subject = 'Entrance notice';
$message = 'Hello ABC.';
$headers = 'From: webmaster@example.com' . "\r\n" .
    'Reply-To: webmaster@example.com' . "\r\n" .
    'X-Mailer: PHP/' . phpversion();
mail($to, $subject, $message, $headers);

}

Answer 1

Playing sounds in Javascript

相关引用：

在Firefox，Safari和Google Chrome中提供音频播放功能依赖Apple QuickTime等插件。随着音频插件安装后，您需要一个OBJECT标签供浏览器激活插入。以下是OBJECT标记的示例：

<OBJECT DATA="audioURL.mid" TYPE="audio/midi" TITLE="Description" WIDTH=250 HEIGHT=20>   
<PARAM NAME=autostart VALUE=true>       
<PARAM NAME=hidden VALUE=false> </OBJECT>

您还可以使用Flash和SoundManager项目等插件播放声音。

Answer 2

以下是一些加载音频的代码，只需将声音绑定到按钮点击即可。 Cross-platform, cross-browser way to play sound using jQuery 1.4?

<audio id="soundHandle" style="display: none;"></audio>
<script>
  soundHandle = document.getElementById('soundHandle');
  soundHandle.src = '/blah/blah.mp3';
  soundHandle.play();
</script>

Answer 3

您可以使用新的HTML5 audio标记播放声音。这是一个示例（它预先加载并允许一次声音。在大多数浏览器中都有效。）

<input type="button" onclick="playSound()" value="Click me!" />

<script>

    var sound = document.createElement("audio");

    var src = document.createElement("source");
    src.src = "sound.wav";
    sound.appendChild(src);
    //More srcs...

    sound.load();
    sound.volume = 0;
    sound.play();

    function playSound() {

        sound.volume = 1;
        sound.currentTime = 0.01;
        setTimeout(function(){sound.play();},1);

    }

</script>

另外......如果用户不期望，请不要播放声音;）

向按钮添加单击噪音

3 个答案: