html audio 本地无效源,音频文件无法播放?H5的audio标签在win7下运行时报错“无效源”?...

以下代码在win10下的谷歌、火狐、IE11均运行正常。但是在win7下的IE11运行会出现播放器上面显示“无效源”的错误。

tempelate代码:

{{audioInfo.audioName}}, 时长: {{audioInfo.audioTime}}s

Your browser does not support the audio element.

script代码:

show(index) {

this.testMod = true

this.audioInfo.audioName = this.policeData[index].fileName

var id = this.policeData[index].policeWhistleFile

this.videoUrl = '/api/alarm/policewhistlefile/mic/' + id

var voiceInfo = document.getElementById('sound')

voiceInfo.load()

voiceInfo.addEventListener('loadedmetadata', () => {

this.audioInfo.audioTime = parseInt(voiceInfo.duration)

})

voiceInfo.addEventListener('canplay', () => {

// this.audioInfo.audioTime = parseInt(player.duration)

voiceInfo.play()

})

}

报错图片:

49a15acfa538c1927323efcae570169c.png

81166d485fdd834f6db16a4cf86ef7c2.png

真的只是因为音频类型错误吗?我播放的是mp3格式的。

如果是音频错误那么win10下的IE11为什么都可以播放,我不知道是代码问题,还是兼容性问题,请有经验的同学看看这个问题。

  • 0
    点赞
  • 0
    收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:深蓝海洋 设计师:CSDN官方博客 返回首页
评论
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值