给按钮添加点击噪音

问题描述：

我在我的网站上有3个div，每个人都是一个页面来显示像photoslide。请看这里的功能和代码：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  = '[email protected]'; 
$subject = 'Entrance notice'; 
$message = 'Hello ABC.'; 
$headers = 'From: we[email protected]' . "\r\n" . 
    'Reply-To: [email protected]' . "\r\n" . 
    'X-Mailer: PHP/' . phpversion(); 
mail($to, $subject, $message, $headers); 

}

不要指望所有的用户安装那些有助于听到声音 – Shyju 2012-03-26 02:20:07

Shyju嗨插件，感谢你的快速反应，一个Firefox插件将工作，因为我忘了提及这是一个亭子屏幕不是公共网站。任何想法如何添加点击声音？谢谢。 – grumpypanda 2012-03-26 02:21:37

[跨平台，跨浏览器从Javascript播放声音的方式？]（http://stackoverflow.com/questions/187098/cross-platform-cross-browser-way-to-play-sound-from -javascript），另请参阅http://stackoverflow.com/questions/450033/playing-sound-notifications-using-javascript – 2012-03-26 02:23:24

答

您可以使用新的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>

也...不播放声音，如果用户不希望它;）

嗨，杰弗里，谢谢你的回应。我只是给你的代码尝试一下，当按钮被点击时声音播放，谢谢，但我需要告诉按钮提交一个电子邮件和幻灯片到下一页像我的代码在这里http://jsfiddle.net/jasper/ EXfnN/29 /如何保持相同的功能并使声音起作用？非常感谢:) – grumpypanda 2012-03-26 03:08:21

另请参阅上面的onclick =“abcSubmit（）”函数的其他代码。我如何将您的代码与我现有的代码混合？任何方向/帮助表示赞赏。谢谢。 – grumpypanda 2012-03-26 03:21:34

@SamIA'onclick'函数可以执行多个函数。例如：'onclick =“playSound（）; submitEmail（）; slide（）;' – 2012-03-26 13:31:37

答

Playing sounds in Javascript。

相关报价：

在Firefox，Safari和谷歌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项目插件的声音。

请提供相关内容，而不是只是一个链接。您可以逐字引用您的来源，因为您已经提供了归属地。这个网站的想法是在这里得到答案*，而不是其他地方。我玩过多次链接追逐游戏，这并不好玩。 – 2012-03-26 02:24:37

理解，编辑。 – 2012-03-26 02:26:55

答

以下是加载音频的一些代码，只需将声音绑定到按钮单击。 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>

使用此链接以及：http://html5doctor.com/native-audio-in-the-browser/ – Blender 2012-03-26 02:27:43

嗨@ usr1289347和Blender，感谢您的回复，我给你的代码尝试一下，它播放声音时，页面加载，我在那里的一半，谢谢。当mo单击onclick =“nameSubmit（）”功能/按钮时，会发送一封电子邮件并将页面滑动到下一页。我怎样才能将你的代码和我现有的功能混合在一起？我上面添加了我的提交代码。谢谢！ – grumpypanda 2012-03-26 03:23:53

给按钮添加点击噪音

相关推荐