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

时间:2010-10-20 12:11:17

标签: jquery html css audio

在我的网站上,我想在鼠标悬停(鼠标悬停)或鼠标点击时播放勾选/点击声音。这可以实现吗?

我可以在flash中执行此操作,但我想避免闪光灯。

3 个答案:

答案 0 :(得分:2)

如果您不想要闪存,请参阅此处了解您拥有的所有选项 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

答案 1 :(得分:2)

您可以使用标记或对象播放音频或嵌入。这是最好的方式,如下所示。您可以使用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。     

答案 2 :(得分:0)

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

这不适用于IE 8及以下版本(不确定9),也不适用于旧版本的Firefox,Safari,Chrome和Opera。