Question

我有以下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中没有。我该如何解决？

THX。

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

Answer 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音频的所有浏览器。

Answer 2

答案很少编辑。

为源添加类型。我在Safari中测试过。这段代码适合我。

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

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

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

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

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

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

P.S。看起来mp3对我来说不起作用。

Answer 3

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

Safari浏览器依靠Apple Quicktime来支持Audio标签。如果您为了测试目的下载Safari浏览器，它将无法正常工作。您需要完整的软件包，因为Safari使用Quickc编解码器来支持播放。

看这里： HTML5Tutorial

此外，MP3应该是safari可以识别它的第一个地方。

Answer 4

最佳解决方案IMHO将使用多个源文件和mediaelement.js

Answer 5

叶卡捷琳娜，

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

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

Safari中的音频标签

5 个答案: