HTML:在鼠标悬停或单击时播放声音

如果你不想使用flash,请看这里的所有选项 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控制音频标签。

您可以通过单击以下按钮来控制音频:

你必须把这个脚本

<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。

你可以控制HTML5 <audio> 来自JavaScript的元素。

不过,这在IE8及以下版本(不确定是不是9)中都不起作用,在旧版本的Firefox、Safari、Chrome和Opera中也不起作用。