廣告：

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD

function playOrPaused() {

console.log(typeof audio);

console.log(typeof audio.paused);

if (audio.paused) {

audio.play(); //ERROR:Uncaught (in promise) DOMException: The element has no supported sources.

}

}

原來的插入audio的源碼如下, 播放音頻的時候在瀏覽器和調(diào)試器的debug環(huán)境會報如上錯誤，但是不影響iPhone等手機的使用

查閱相關(guān)資料發(fā)現(xiàn)audio可以支持兩種方式設(shè)置src，如下：

1. Permitted content: If the element has a src attribute: zero or more <track> elements, followed by transparent content that contains no media elements — that is, no <audio> or <video> elements.

2. Else: zero or more <source> elements, followed by zero or more <track> elements, followed by transparent content that contains no media elements, that is no <audio> or <video> elements.

并且:src嵌入的音頻的URL。 該URL應(yīng)遵從 HTTP access controls. 這是一個可選屬性；你可以在audio元素中使用 元素來替代該屬性指定嵌入的音頻。

于是改成第二種方案，解決問題，如下：

<audio id="audio">

<source src="http://ossweb-img.qq.com/images/lol/m/act/a20160315live/shake_sound_male.mp3" type="audio/mpeg">

Your browser does not support the audio tag.

</audio>

廣告：