HTML：播放鼠标悬停时的声音或点击

问题描述：

在我的网站上，我想播放鼠标悬停（鼠标悬停）或点击鼠标上的声音。这可以实现吗？HTML：播放鼠标悬停时的声音或点击

我可以在Flash中做到这一点，但我想避免闪光。

是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

答

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

虽然在IE 8及更低版本中（不确定约9），但在旧版本的Firefox，Safari，Chrome和Opera中无法使用。

答

您可以使用标签或对象播放音频或嵌入。这是下面最好的方法。你可以用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。

HTML：播放鼠标悬停时的声音或点击

相关推荐