Question

非常简单的问题，是否有人知道如何将翻转声音添加到网页上的按钮。就像我只需将鼠标移到按钮上即可播放快速声音。我使用Dreaweaver CS5.5，如果有任何帮助。

Answer 1

听起来非常烦人，但也许你有一些非常不寻常的用例。

最好的方法是使用html5音频标签 - 只需将标签贴在某处，然后在想要播放时调用它的play（）方法。

如果你希望它在古老的浏览器中工作，你需要一些闪回后退，虽然使用闪光灯播放翻转声音有点像烦人的^ 2.

Answer 2

除了Rich所说的，你还需要预加载音频，这样声音在翻转后不会播放一段时间（这比声音本身更令人讨厌）。

有很多方法可以做到这一点，但我发现最好的方法是将声音的音量设置为0，播放它（强制加载），一旦声音结束（或翻转），将音量设置为1。

同样，你真的，真的不应该在你的网站上播放声音，除非用户故意调用并有理由听到声音（例如播客或游戏）。

编辑：添加了一些示例代码：

    <div onmouseover="playAudio()">Some Div</div>

    <audio id="audio_element" src="sound.mp3"></audio>
    <script>
        var audio = document.getElementById("audio_element");
        audio.volume = 0;
        audio.play();

        function playAudio() {

            audio.currentTime = 0.01;
            audio.volume = 1;
            audio.play();

        }
    </script>

如何应用翻转声音

2 个答案: