此处编码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不区分大小写。