下面是添加了audio元素的代码的更新版本：

<p>
  <img alt="" src="https://www.shutterstock.com/image-photo/surreal-image-african-elephant-wearing-260nw-1365289022.jpg" style="height: 85px; width: 198px" id="imgClickAndChange" onclick="changeImage()" />
</p>

<audio id="myAudio">
  <source src="your-audio-file.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

<script>
function changeImage() {
  var image = document.getElementById("imgClickAndChange");
  var audio = document.getElementById("myAudio");
  
  if (image.src == "https://www.shutterstock.com/image-photo/surreal-image-african-elephant-wearing-260nw-1365289022.jpg") {
    image.src = "https://thumbs.dreamstime.com/b/belle-for%C3%AAt-tropicale-%C3%A0-l-itin%C3%A9raire-am%C3%A9nag%C3%A9-pour-amateurs-de-la-nature-de-ka-d-ang-36703721.jpg";
    audio.play();
  } else {
    image.src = "https://www.shutterstock.com/image-photo/surreal-image-african-elephant-wearing-260nw-1365289022.jpg";
  }
}
</script>

我添加了一个id为“myAudio”的audio元素，该元素包含一个source元素，指向要播放的音频文件，我们还在changeImage（）函数中添加了对当前图像源的检查，当图像源发生变化时，我们调用audio元素上的play（）方法

请记住，自2018年起，根据浏览器权限规则，音频和视频必须静音。
换句话说，除非用户单击播放器，否则无法播放声音。
https://developer.chrome.com/blog/autoplay/#web-audio
但你可能不想有一个可见的音频播放器，只是播放音乐，因为你喜欢，但你不能，除非它的可见和静音...

<audio controls muted></audio>

这是你想要的吗
这里我更新了你的代码，我使用了HTML5音频元素，并且在changeImage函数中，我在每次图像变化时播放声音文件。

function changeImage() {
    var imgElement = document.getElementById("imgClickAndChange");
    var musicElement = document.getElementById("music");
    if (imgElement.src == "https://www.shutterstock.com/image-photo/surreal-image-african-elephant-wearing-260nw-1365289022.jpg") {
      imgElement.src = "https://thumbs.dreamstime.com/b/belle-for%C3%AAt-tropicale-%C3%A0-l-itin%C3%A9raire-am%C3%A9nag%C3%A9-pour-amateurs-de-la-nature-de-ka-d-ang-36703721.jpg";
    } else {
      imgElement.src = "https://www.shutterstock.com/image-photo/surreal-image-african-elephant-wearing-260nw-1365289022.jpg";
    }
    musicElement.currentTime = 0;
    musicElement.play();
  }

<audio id="music" src="http://commondatastorage.googleapis.com/codeskulptor-assets/Collision8-Bit.ogg"></audio>
<p>
  <img alt="" src="https://www.shutterstock.com/image-photo/surreal-image-african-elephant-wearing-260nw-1365289022.jpg" style="height: 85px; width: 198px" id="imgClickAndChange" onclick="changeImage()" />
</p>

谢谢你的提问。我希望我的回答能帮助你达到你想要的产量。
Kindly check my code on codepen.

var img1Url =
"https://www.shutterstock.com/image-photo/surreal-image-african-elephant-wearing-260nw-1365289022.jpg";

var img2Url =
"https://thumbs.dreamstime.com/b/belle-for%C3%AAt-tropicale-%C3%A0-l-itin%C3%A9raire-am%C3%A9nag%C3%A9-pour-amateurs-de-la-nature-de-ka-d-ang-36703721.jpg";

var audio1 = "https://samplelib.com/lib/preview/mp3/sample-15s.mp3";

var audio2 = "https://samplelib.com/lib/preview/mp3/sample-3s.mp3";

var imgElement = document.getElementById("my-image");

var avEl = document.createElement("audio");

function changeImage() {
console.log(avEl);
if (imgElement.src === img1Url) {
    imgElement.src = img2Url;
    playAudio(audio1);
} else {
    console.log("img2");
    imgElement.src = img1Url;
    playAudio(audio2);
}
}

function playAudio(audio) {
if(avEl){avEl.pause()}
avEl.src = audio;
avEl.play();
}