ここでコーディング初心者。画像 A をクリックするとサウンド 1 が再生され、画像 B をクリックするとサウンド 2 が再生されるように、2 つの別々の画像で 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 変数をいじってみましたが、役に立ちませんでした。私が試した他のことは単なる推測でしたが、これも失敗しました。
少しでも助けていただければ幸いです。