Question

我一直在寻找一种方法将音频嵌入到网站上，具有循环和自动播放功能，并且能够使用javascript将音频静音和取消静音。我知道这在html5中是可行且非常容易的，但我听说IE还不支持html5（或者也许是音频标签）。

我还需要我的嵌入式音频可以像IE7一样工作。所以我认为使用标签将适用于除IE之外的所有其他浏览器，而我希望这样的东西可以用于IE;不幸的是，它不支持从javascript调用静音和取消静音 - 这是因为我不希望音频播放器的任何控件可见;只需一个自定义声音按钮，用户可以单击该按钮以静音和取消静音。有任何想法吗？似乎这样的事情是最简单的事情，但最难编码的事情是：/

Answer 1

考虑使用默认情况下使用HTML 5的播放器，但如果不支持则可以使用Flash。

JPlayer可以做到这一点，并且有一个mute function.

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>

使用javascript功能在IE（7+）中嵌入音频以静音和取消静音

2 个答案: