JavaScript/HTML - 新的音頻JavaScript在IE 8及更低版本中失敗？

Question

我該如何解決這個問題？例如：

---

snd = new Audio("foo/bar.wav") 

alert("abc") //in IE this line wont run??! 

snd.play() 

Answer 1

如果您檢測到feauture（支持的類型）， 您的腳本不會在其他不支持音頻的瀏覽器（手機等）， 中發生錯誤。

你可以使它交叉瀏覽器條件即。

if (typeof window.Audio != 'undefined') { 
    /* var snd = new Audio("foo/bar.wav"); ... */ 
} 

或考慮使用Modernizr。

Answer 2

IE8-不支持<audio>元素。見http://caniuse.com/#feat=audio。如果可以分開你的腳本，你可以這樣做：

<!--[if lte IE 8]> 
    <script> 
    alert("Old IE."); 
    </script> 
<![endif]--> 
<!--[if IE 9]> 
    <script> 
    snd = new Audio("foo/bar.wav"); 
    alert("IE9"); 
    snd.play() 
    </script> 
<![endif]--> 
<!--[if !IE]> --> 
    <script> 
    snd = new Audio("foo/bar.wav"); 
    alert("Not IE (Or IE10+)"); 
    snd.play() 
    </script> 
<!-- <![endif]--> 

IE10完全下降有條件的意見，所以它會使用!IE腳本。