2012-10-02 94 views
0

我的问题:我想用户听到某种声音,如果数量超过100使用HTML5/JavaScript的播放声音

If (x > 100) { play sound } 

我怎么会去这个使用HTML5/JavaScript的。播放声音时是否可以在没有内嵌小视频剪辑的情况下播放声音?到目前为止我所见过的唯一的东西是那些嵌入页面中的小型快速播放器:http://www.w3schools.com/html/html_sounds.asp

希望有更好的解决方案吗?谢谢

回答

2

使用an <audio> element

var foo = document.createElement('audio'); 
foo.src = 'https://dl.dropbox.com/u/8090976/Matrix%20Ring.aiff'; 

if (x > 100) 
{ 
    document.getElementById('foo').play(); 
} 

演示:http://jsfiddle.net/mattball/ZcRt9/

更多阅读:http://html5doctor.com/native-audio-in-the-browser

+0

所以这不会产生任何内嵌片段,但实际上只是让我打的音频片段? – Apollo

+0

编辑为使用'document.createElement()'而不是页面中的现有文档。注:每次你想要播放声音时都不需要创建一个新元素;你可以重复使用同一个。 –

+0

太棒了!所以如果我的服务器上有声音片段托管,我可以使用整个URL链接到它? – Apollo