Safari中的音频标签

如何解决Safari中的音频标签

| 我有以下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文件都是本地文件，不存储在服务器端。

解决方法

您需要使用与.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音频的所有浏览器。 , 答案很少编辑。添加源类型。我已经在Safari中测试过。该代码对我有用。

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

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

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

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

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

似乎没有任何通用编解码器。您必须对声音进行几次编码或不支持几种浏览器。附言看来mp3对我而言无处可用。 , 对于本地测试，文件是本地文件还是html文件都无关紧要。乍一看，解决方案并不明显。 Safari浏览器依靠Apple Quicktime支持Audio标签。如果您出于测试目的下载了Safari浏览器，它将无法正常工作。您需要完整的软件包，因为Safari使用Quicktime编解码器支持播放。看这里： HTML5教程此外，MP3应该放在野生动物园可以识别它的第一位。 , 最好的解决方案恕我直言是使用多个源文件和mediaelement.js , 叶卡捷琳娜 Safari 5本身不会播放音频。它需要在Windows上安装QuickTime。这样做，并且可能会起作用（如果您仍然需要它，因为两年前有人问过它！） https://discussions.apple.com/thread/2544849?start=0&tstart=0