javascript - 当按钮具有一定值时通过javascript播放声音

Question

当按钮的文本具有特定值时，我想要一个 Javascript 解决方案来播放特定的声音。

我没有使用 jquery 或 javascript 尝试过这种类型的功能。谁能指导我怎么做。

Answer 1

找到你喜欢的声音（例如在这个网站上）。

在您的页面上放置一个<audio>元素。
获取您的音频元素并调用该play()方法：

document.getElementById('yourAudioTag').play();

看看这个例子： http: //www.storiesinflight.com/html5/audio.html

该站点揭示了您可以做的其他一些很酷的事情，例如load()、pause()和音频元素的一些其他属性。

您想要播放此音频元素的确切时间由您决定。如果您愿意，请阅读按钮的文本并将其与“否”进行比较。

或者

http://www.schillmania.com/projects/soundmanager2/

SoundManager 2 提供了一个易于使用的 API，允许在任何现代浏览器（包括 IE 6+）中播放声音。如果浏览器不支持 HTML5，那么它会从 flash 中获得帮助。如果你想要严格的 HTML5 并且没有 flash，有一个设置，preferFlash=false

它在 iPad、iPhone (iOS4) 和其他支持 HTML5 的设备 + 浏览器上支持 100% 无 Flash 音频

使用很简单：

<script src="soundmanager2.js"></script>
<script>
// where to find flash SWFs, if needed...
soundManager.url = '/path/to/swf-files/';

soundManager.onready(function() {
    soundManager.createSound({
        id: 'mySound',
        url: '/path/to/an.mp3'
    });

    // ...and play it
    soundManager.play('mySound');
});

这是它的实际演示：http ://www.schillmania.com/projects/soundmanager2/demo/christmas-lights/