两个图像在将"onclick"与 create.js 脚本一起使用时播放相同的声音?



此处编码noob。我正在尝试在两个独立的图像上使用两个单独的音频文件,这样当我单击图片A时,声音1会播放,当我单击照片B时,声音2会播放。问题是,当我点击图片A或B时,声音2总是会播放。

我知道这是一个"id"问题,但我根本无法理解,因为我是编码的新手。我也有一些重复的脚本。

它是一个";create.js/sound.js";剧本我喜欢create.js的音频功能。以下是我正在使用的代码:

<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
<script>
var soundID = "fuzz";
function loadSound () {
createjs.Sound.registerSound("https://cdn.shopify.com/s/files/1/0325/1490/0107/files/82751__sikoses__stm1-some-bass-7.mp3?v=1621410085", soundID);
}
function playSound () {
createjs.Sound.play(soundID);
}
</script>

<body onload="loadSound();">
<img onclick="playSound();" class="playSound" img src="https://cdn.shopify.com/s/files/1/0325/1490/0107/files/spiral222.png?v=1621455564" width="220" height="220">


</body>




<script>
var soundID = "thud";
function loadSound () {
createjs.Sound.registerSound("https://cdn.shopify.com/s/files/1/0325/1490/0107/files/79150__blipdrums__sheenery2-bd.wav?v=1621409163", soundID);
}
function playSound () {
createjs.Sound.play(soundID);
}
</script>

<body onload="loadSound();"> 
<img onclick="playSound();" class="playSound" img src="https://cdn.shopify.com/s/files/1/0325/1490/0107/files/FACE.png?v=1621462776" width="220" height="220">


</body>

我试过摆弄soundID变量,但没有用。我尝试过的其他事情都只是猜测,但都失败了。

任何帮助都将不胜感激。

您正在覆盖第二个脚本中loudSound()playSound()的第一个实例。如果您将名称更改为loudSound2()playSound2(),应该可以修复它

<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
<script>
var sound1ID = "fuzz";
function loadSound1 () {
createjs.Sound.registerSound("https://cdn.shopify.com/s/files/1/0325/1490/0107/files/82751__sikoses__stm1-some-bass-7.mp3?v=1621410085", sound1ID);
}
function playSound1 () {
createjs.Sound.play(sound1ID);
}
</script>

<body onload="loadSound1();">
<img onclick="playSound1();" class="play-sound" img src="https://cdn.shopify.com/s/files/1/0325/1490/0107/files/spiral222.png?v=1621455564" width="220" height="220">


</body>




<script>
var sound2ID = "thud";
function loadSound2 () {
createjs.Sound.registerSound("https://cdn.shopify.com/s/files/1/0325/1490/0107/files/79150__blipdrums__sheenery2-bd.wav?v=1621409163", sound2ID);
}
function playSound2 () {
createjs.Sound.play(sound2ID);
}
</script>

<body onload="loadSound2();"> 
<img onclick="playSound2();" class="play-sound" img src="https://cdn.shopify.com/s/files/1/0325/1490/0107/files/FACE.png?v=1621462776" width="220" height="220">


</body>

此外,通常最好对CSS类使用kebab大小写,因为CSS不区分大小写。

最新更新