gpt4 book ai didi

javascript - 根据悬停图像播放特定音频(javascript)

转载 作者:行者123 更新时间:2023-12-04 08:29:26 25 4
gpt4 key购买 nike

我应该在网站上有 5 个动物图像,每当我将鼠标悬停在动物上方时,它们的特有声音就会播放。有没有比使用 switch case 更有效的方法来做到这一点?
这是我到目前为止所拥有的(仅适用于 1 只动物):
HTML:

<img src="img/piggy.png" onmouseover="F1(this)">
JS:
function F1(img) { 
var audio = document.getElementById("audio");
audio.play();
}

最佳答案

我认为这是一个非常坚实的基础。如果是我,我几乎会做你正在做的事情,但会设置一个包含可用声音片段列表的数组。然后,onmouseover传入一个数字 (0-5) 并将其用作选择器来选择播放哪个声音字节。

var sounds = ["sound1", "sound2", "sound3", "sound4", "sound5"];

function playAudio(track) {
audio.play(sounds[track]);
}
希望这很清楚/有帮助。否则,请告诉我,我很乐意澄清。

关于javascript - 根据悬停图像播放特定音频(javascript),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65098491/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com