Uncaught (in promise) DOMException: play() failed
廣告：
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的源碼如下, 播放音頻的時候在瀏覽器和調試器的debug環境會報如上錯誤，但是不影響iPhone等手機的使用
查閱相關資料發現audio可以支持兩種方式設置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應遵從 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>
廣告：
