Question

我希望Javascript解决方案在按钮文本具有特定值时播放特定声音。

我没有尝试过使用jquery或javascript这类功能。任何人都可以指导我如何做到这一点。

Answer 1

找到你喜欢的声音（例如在this site上）。

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

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

查看此示例：http://www.storiesinflight.com/html5/audio.html

This site揭示了您可以执行的其他一些很酷的事情，例如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/

当按钮具有特定值时，通过javascript播放声音

1 个答案:

替代地