什么是在翻滚时使气球弹出声音效果的html？

Question

我在学校学习图形作为我的科目之一。目前，我的任务是为一个聚会建立一个网站，所以我已经开始创建主页。主页上有四个气球，当你滚动它们时它们会弹出。但是，我还希望他们做的是当你滚动它们并弹出时播放气球弹出的声音效果。

但是，我无法弄清楚HTML将实现这一目标。

网站：partybox.businesscatalyst.com

Answer 1

仅使用HTML无法有效完成，因为需要使用<audio>

<audio autoplay>
    <source src="file.wav" type="audio/wav"><!--file.wav will replace your sound file with the pop effect-->
</audio>     

但是，<audio>仍然需要启动（在controls的情况下）或动态创建（在autoplay的情况下） - 这仍然需要JavaScript。

更简单的JavaScript方法就是 - 在onclick或onhover函数上，只需添加此JavaScript代码：

var sound = new Audio("file.wav"); //file.wav will replace your sound file with the pop effect
sound.play(); //Play the sound