javascript - 为每隔几秒播放的动画添加声音

Question

我在下面有这个铃铛，每隔几秒就会有一次动画。

演示
http://inspectelement.com/demos/css3/bell

代码
http://inspectelement.com/tutorials/ring-a-bell-with-css-keyframe-animations

我想添加一个我拥有的声音铃声，并且我希望仅在每次动画开始时播放声音。

Answer 1

尝试这个：

var soundFile = 'sound.wav';
playSound(soundFile);
setInterval(function () {
    playSound(soundFile);
}, 8000);

function playSound(audio) {
    var soundElement = '<audio style="display:none; width: 0px; height: 0px;" id="audioNotifier" src="' + audio + '" controls preload="auto" autobuffer></audio>';
    $('#audioContainer').html(soundElement);
    $('#audioNotifier')[0].play();
}

首先是超时。每 8 秒playSound调用一次该函数。 playSound在音频容器中设置 HTML5 音频播放器并播放音频。音频容器只是一个 DOM 元素，没什么特别的。声音文件的 url 应作为参数传递给playSound.