html5 audio标签 src 赋空值产生错误

在业务中用audio标签播放完一首歌曲后,自动播放下一首。 想着播放完在产生onended事件后做一些清理工作然后播放下一首:

audio.src = "";   但这样会产生onerror事件。

 

var audio = new Audio();
document.body.appendChild(audio);

if (audio != null){
    audio.src = "allofMe.mp3";
    audio.autoplay = true;
    audio.controls = true;
    audio.onended = function () {
        console.log("onended: ");
        audio.src = '';
    };
    audio.onerror = function () {
        console.log("onerror: " + audio.error.code + " error msg: " + audio.error.message);

    };
}

在PC上的Chrome上产生的错误:

4 error msg: MEDIA_ELEMENT_ERROR: Empty src attribute

 

在没有播放完时,我们直接对src赋空值也会产生同样的错误信息

var audio = new Audio();
document.body.appendChild(audio);

if (audio != null){
    audio.src = "allofMe.mp3";
    audio.autoplay = true;
    audio.controls = true;
    audio.onerror = function () {
        console.log("onerror: " + audio.error.code + " error msg: " + audio.error.message);

    };
}

setTimeout(function () {
    audio.src = "";
}, 6000);

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值