Question

我有一个带有图片的HTML页面。当我用鼠标滚动图像时，它会播放一个音频文件。

我有4个不同的音频文件，每次翻转图像时，我都需要它来播放序列中的下一个音频文件。

我已经让它播放了一个音频文件，但如何让它调用队列中的下一个音频文件？

Answer 1

可能你只需要在网页上创建一个javascript函数来处理这个问题。没有看到你的代码，我真的不能给你一个很好的例子。这就是我要做的。在脚本标记或头部javascript中：

var current = 0;
var musicList = ["file1.wav", "file2.wav" , ...];

function playSound()
{
    // Code to play audio file
    // you don't need to bother with <audio> elements. 
    // HTML 5 lets you access audio API directly
    // buffers automatically when created
    var snd = new Audio(musicList[current]);
    snd.play();

    // code to increment and current counter (depending on musicList size)
    current++;
    current = current % musicList.length;
}

在HTML中，您可以通过使用onmouseover或onmouseout标记依靠javascript来完成工作。

<img onmouseover="playSound();" src="smiley.gif" alt="Smiley">

在图像翻转时调用随机音频文件

1 个答案: