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()

})

}

报错图片：

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

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

总结

以上是生活随笔为你收集整理的html audio 本地无效源,音频文件无法播放？H5的audio标签在win7下运行时报错“无效源”？...的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。