在html页面中点击按钮立即播放声音

Question

在我的.html页面中,我有9个用于拨号的图像和一个显示按下的数字的文本框.当用户点击它们时,我希望每个图像立即播放哔声.我尝试使用隐藏属性嵌入并将其源代码导航到.wav声音.

它工作正常,但是当我一个接一个地按下图像时,它不能发出声音,只有蜜蜂一次结束.

有没有更快的方法在'onclick'方法上播放.wav声音？

提前致谢.

Answer 1

如果您只需要支持最新的浏览器,那么HTML 5会为您提供该Audio对象

加载/缓冲你的声音:

var snd = new Audio("file.wav");

播放声音:

snd.play();

重新提示它到开头(以便你可以再次播放):

snd.currentTime=0;

Answer 2

@klaustopher(/sf/users/53709071/)的回答/sf/answers/533465131/帮助了我.他写了:

HTML5有新的<audio>-Tag,可以用来播放声音.它甚至有一个非常简单的JavaScript接口:

<audio id="sound1" src="yoursound.mp3" preload="auto"></audio> <button onclick="document.getElementById('sound1').play();">Play it</button>

这是我如何实现他的建议,以便点击Font Awesome图标"fa-volume-up"(位于"mule."之后的网页上)导致"donkey2.mp3"声音播放(注意:mp3不播放)在所有浏览器中).

<p>In short, you're treated like a whole person, instead of a rented mule. <audio id="sound1" src="assets/donkey2.mp3" preload="auto"></audio><a class="icon fa-volume-up" onclick="document.getElementById('sound1').play();"></a>