以下代碼在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下运行时报错“无效源”？...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。