当按钮有一定的值时，通过javascript播放声音

playing a sound through javascript when button has certain value

本文关键字：通过 javascript 播放声音 按钮      更新时间：2023-09-26

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

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

找一个你喜欢的声音(例如在这个网站上)。

在你的页面上添加一个<audio>元素。
获取audio元素并调用play()方法:

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

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

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

你想什么时候播放这个音频元素由你决定。阅读按钮的文本，如果你喜欢，将其与"no"进行比较。

或者

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/

相关文章：