給按鈕添加點擊噪音

我在我的網站上有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); 

}

來源

2012-03-26 grumpypanda

不要指望所有的用戶安裝那些有助於聽到聲音 – 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>

也...不播放聲音，如果用戶不希望它;）

來源

2012-03-26 02:27:31

嗨，傑弗裏，謝謝你的迴應。我只是給你的代碼嘗試一下，當按鈕被點擊時聲音播放，謝謝，但我需要告訴按鈕提交一個電子郵件和幻燈片到下一頁像我的代碼在這裏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:23:39

請提供相關內容，而不是隻是一個鏈接。您可以逐字引用您的來源，因爲您已經提供了歸屬地。這個網站的想法是在這裏得到答案*，而不是其他地方。我玩過多次鏈接追逐遊戲，這並不好玩。 – 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>

來源

2012-03-26 02:24:11 user1289347

使用此鏈接以及：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

給按鈕添加點擊噪音

回答

相關問題