在 IE(7+) 中嵌入音频，并具有 JavaScript 静音和取消静音功能

发布于 2024-12-07 16:45:03 字数 323 浏览 1 评论 0原文

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

烈酒灼喉 2024-12-14 16:45:03

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

JPlayer 可以做到这一点，并且有一个静音功能。

回复收藏 0 原文

安静 2024-12-14 16:45:03

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>

HTML5 is your best bet.

<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>

the attributes you might want to specify in the audio tag are controls='controls' to enable playback options like play pause and volume controls including mute; loop='loop' to enable auto-loop; autoplay='autoplay' obviously to autoplay; and preload='auto' to load the audio on page load (you can also specify "metadata" or "none")

your player would probably look like:

<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>

回复收藏 0 原文

~没有更多了~