直接上代码
<audio
key={item.extra.consentContractMediaID._id}
controls="controls"
controlsList="nodownload nofullscreen noremoteplayback"
onPlay={() => { this._justPalyOne(); }}>
<source src="https://www.xzmp3.com/down/c737e5f76426.mp3" />
</audio>
_justPalyOne() {
const audios = document.querySelectorAll("audio");
// 暂停函数
const pauseAll = (exclude)=> {
audios.forEach((audio, index) => {
if (exclude !== index) {
audio.pause();
}
});
};
audios.forEach((audio, index) => {
audio.addEventListener("play", ()=>{pauseAll(index)});
});
}