將音頻嵌入到具有JavaScript功能的IE（7+）中以靜音和取消靜音

Question

我一直在尋找一種將音頻嵌入網站的方法，可以循環播放和自動播放，還可以使用javascript靜音和取消靜音。 我知道這在html5中是可行且非常容易的，但是我聽說IE還不支持html5（或者可能是音頻標簽）。

我還需要嵌入式音頻才能工作到IE7。 因此，我認為使用標記將可用於除IE之外的所有其他瀏覽器，而我希望類似的東西可用於IE。 不幸的是，它不支持從javascript進行靜音和取消靜音的調用-這是因為我不希望音頻播放器中的任何控件可見。 只是一個自定義聲音按鈕，用戶可以單擊該按鈕將音頻靜音和取消靜音。 有任何想法嗎？ 看起來像這樣的事情是最簡單的事情，但是最難編寫的代碼是：/

Answer 1

考慮使用默認情況下使用HTML 5的播放器，但如果不支持該播放器，則可以使用Flash。

JPlayer可以做到這一點，並具有靜音功能。

Answer 2

HTML5是您最好的選擇。

<audio>
    <source src="horse.ogg" type="audio/ogg" />
    <source src="horse.mp3" type="audio/mp3" />
    <!--
        You can put a flash player here in case the users browser doesn't support HTML5 or any of the audio formats you have added.
    -->
</audio>

您可能要在音頻標簽中指定的屬性是controls='controls'以啟用播放選項，例如播放暫停和音量控制（包括靜音）； loop='loop'啟用自動循環； autoplay='autoplay'顯然可以自動播放； 和preload='auto'以在頁面加載時加載音頻（您也可以指定“元數據”或“無”）

您的播放器可能如下所示：

<audio preload='auto' autoplay='autoplay' controls='controls' loop='loop'>
    <source src="yoursound.ogg" type="audio/ogg" />
    <source src="yoursound.mp3" type="audio/mp3" />
    <!--
        Flash player here to fall back on if the users browser doesn't support HTML5
    -->
</audio>