避免同一个页面中多个audio音频播放器同时播放
【代码】避免同一个页面中多个audio音频播放器同时播放。
·
<audio controls @play="audioPlay(item.audioUrl)" >
<source :src="item.audioUrl" type="audio/mpeg">
您的浏览器不支持该音频格式。
</audio>
// 只允许一个音频播放
const audioPlay = (src) => {
// console.log(src,'audioPlay');
const audios = document.getElementsByTagName('audio');
Array.prototype.forEach.call(audios, audio => {
if(audio.currentSrc !== src) {
audio.pause()
}
})
};
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)