Safari 中的音频标签答案

【问题标题】：Audio tag in SafariSafari 中的音频标签
【发布时间】：2011-06-13 17:09:18
【问题描述】：

我有以下html：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <style type="text/css">
        html
        {
            height: 100%;
        }
    </style>
    <script language=javascript src="scripts/lib.js"></script>
</head>
<body>
    <audio controls autoplay>
        <source src="track09.wav">
    </audio>
</body>
</html>

它在 FF4 中有效，但在 Winx64 下的 Safari 5.0.5 中无效。我该如何解决？

谢谢。

已更新。 mp3 和 html 文件都是本地文件，不存储在服务器端。

【问题讨论】：

标签： html audio safari

【解决方案1】：

您需要与 .wav 不同的格式 - 将您的音频编码为 mp3 和 ogg 并在您的标记中包含这两种格式，如下所示：

<audio controls autoplay>
  <source src="track09.ogg" type="audio/ogg" />
  <source src="track09.mp3" type="audio/mpeg" />
</audio>

您可以从http://audacity.sourceforge.net 获得一个实用程序来为您进行编码

这将涵盖当前支持 html5 音频的所有浏览器。

【讨论】：

我试过，但无济于事。可能是因为mp3和html文件都是本地的？
没关系，但要确保文件的路径正确。仅当文件与 html 位于同一目录中时，该路径才有效。我还假设您使用链接中的实用程序对 wav 中的 mp3 文件进行了编码？

【解决方案2】：

答案很少编辑。

为源添加类型。我在 Safari 中测试过。这段代码对我有用。

  <source src="track09.wav" type="audio/x-wav">

另一种解决方案（对于 Safari）是使用 AAC 编解码器。它在 Firefox 中不起作用。

  <source src="track09.aac" type="audio/aac" />

您可以在 Firefox 中使用 Ogg Vorbis。它可能在 Safari 中不起作用。

  <source src="track09.ogg" type="audio/ogg" />

看起来没有任何通用编解码器。您必须多次编码您的声音或不支持少数浏览器。

附：看来 mp3 对我来说在任何地方都不起作用。

【讨论】：

我试过，但无济于事。可能是因为mp3和html文件都是本地的？

【解决方案3】：

对于本地测试，文件是否是本地的并不重要，html 文件也是如此。乍一看，解决方案并不明显。

Safari 浏览器依赖 Apple Quicktime 来支持音频标签。如果您出于测试目的下载 Safari 浏览器，它将无法正常工作。您需要完整的包，因为 Safari 使用 Quicktime 的 Codec 来支持播放。

看这里： HTML5Tutorial

此外，MP3 应该放在 safari 可以识别的首位。

【讨论】：

【解决方案4】：

恕我直言，最好的解决方案是使用多个源文件和mediaelement.js

【讨论】：

【解决方案5】：

叶卡捷琳娜

Safari 5 不会自行播放音频。它需要在 Windows 上安装 QuickTime。这样做，可能会起作用（如果你仍然需要它，因为它是在 2 年前被问到的！）

https://discussions.apple.com/thread/2544849?start=0&tstart=0

【讨论】：