HTML：播放鼠標懸停時的聲音或點擊

在我的網站上，我想播放鼠標懸停（鼠標懸停）或點擊鼠標上的聲音。這可以實現嗎？HTML：播放鼠標懸停時的聲音或點擊

我可以在Flash中做到這一點，但我想避免閃光。

來源

2010-10-20 Moon

是HTML5的一個選項嗎？ – Hannes 2010-10-20 12:12:16

+12

請確保有一個非常簡單的選項來禁用該功能。我們這些人誰也沒有從我們這裏發出噪音的網站中獲得快樂。 :-) – Icode4food 2010-10-20 12:13:14

HTML 5 ..是offcourse – Moon 2010-10-20 12:34:54

在這裏看到你的所有的選項，如果你不想閃 http://www.phon.ucl.ac.uk/home/mark/audio/play.htm

JavaScript不能播放音頻所以上面一個是唯一的出路。

查看3 & 4在上面的鏈接，你可以觸發它可能在鼠標懸停與JavaScript。

或DHTML播放聲音http://webdesign.about.com/od/sound/a/play_sound_oncl.htm

來源

2010-10-20 12:14:21 ToughPal

您可以控制從JavaScript的HTML5 <audio>元素。

雖然在IE 8及更低版本中（不確定約9），但在舊版本的Firefox，Safari，Chrome和Opera中無法使用。

來源

2010-10-20 13:28:29

您可以使用標籤或對象播放音頻或嵌入。這是下面最好的方法。你可以用javascript來控制音頻標籤。

您可以控制音頻通過點擊這些按鈕：

播放停止

而且你必須把這個腳本

<script> 
    $(document).ready(function() { 
    var audioElement = document.createElement('audio'); 
    audioElement.setAttribute('src', 'audio.mp3'); 
    audioElement.setAttribute('autoplay', 'autoplay'); 
    //audioElement.load() 
    $.get(); 
    audioElement.addEventListener("load", function() { 
    audioElement.play(); 
    }, true); 




    $('.play').click(function() { 
    audioElement.play(); 
    }); 


    $('.pause').click(function() { 
    audioElement.pause(); 
    }); 

    });

但對於Chrome瀏覽器，你不能使用.play（）和.pause （）。您必須使用.Play（）和.Stop。

來源

2013-02-20 07:09:31

HTML：播放鼠標懸停時的聲音或點擊

回答

相關問題