/*网页部分*/
<audio id="music"></audio>
<img src="../images/喇叭.png" onclick="audioPlay('music', '../music/music1.mp3')" style="width: 50px" alt="">
<audio id="music2"></audio>
<img src="../images/喇叭.png" onclick="audioPlay('music2', '../music/music2.mp3')" style="width: 50px" alt="">
/*js部分*/
function audioPause() {
let audio = document.getElementsByTagName('audio');
if (audio.length > 0) {
for (let i = 0; i < audio.length; i++) {
document.getElementById(audio[i].id).pause();
}
}
}
function audioPlay(audioId, musicUrl) {
let audio = document.getElementById(audioId);
if (audio.paused) {
document.getElementById(audioId).src = musicUrl;
audio.play();
} else {
audio.pause();
audio.currentTime = 0;
}
}
如有不同意见或有更好写法欢迎和我讨论~