单击多个图像可同时播放多个音频

Question

我有5张图片和5张不同的音频。当我单击第一个图像时，第一个音频播放；当单击第​​二个图像时，第二个音频与第一个一起播放。单击图像时，我只想播放分配给图像的单个音频。

<a onclick="myAudioFunction('a');">    
   <img src="first.jpg" height="500px" width="500px" >    
</a>    
<a onclick="myAudioFunction('b');">    
   <img src="second.jpg" height="500px" width="500px">    
</a>    
<script>
  var aAudio = new Audio('audio1.mp3');
  var bAudio = new Audio('audio2.mp3');
function myAudioFunction(letter) {
                        if(letter == 'a') 
                        {
                            aAudio.play();
                        }
                        else if(letter == 'b')
                        {
                            bAudio.play();
                        }
}
</script>

Answer 1

您尝试过这样吗？

    <script>
function myAudioFunction(letter) {
  if(letter == 'a') 
                        {
                            var aAudio = new Audio('audio1.mp3');
                            aAudio.play();
                        }
                        else if(letter == 'b')
                        {
                            var bAudio = new Audio('audio2.mp3');
                            bAudio.play();
                        }
}
</script>