2011-06-13 112 views
1

我有以下的html:音频标签在Safari

<!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文件都是本地文件,而不是存储在服务器端。

回答

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

+0

我试过<源SRC =“track09。MP3“type =”audio/mpeg“/>,但无济于事。也许,这是因为mp3和html文件都是本地文件? – Ekaterina 2011-06-13 18:09:28

+0

这应该不重要,但要确保文件的路径是正确的。如果文件与html文件位于同一个目录下,我只能使用它。我还假设你使用链接中的实用程序从wav中编码了mp3文件? – kinakuta 2011-06-13 18:16:09

1

答案很少编辑。

添加源的类型。我已经在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" /> 

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

P.S. 它看起来像MP3不适合我。

+0

我试过,但无济于事。也许,这是因为mp3和html文件都是本地文件? – Ekaterina 2011-06-13 18:08:45

+0

audio/aac怎么样? – Michas 2011-06-13 18:22:29

0

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

Safari浏览器依靠Apple Quicktime支持音频标签。 如果您下载Safari浏览器用于测试目的,它将不起作用。 由于Safari使用Quicktime的编解码器来支持播放,因此您需要完整的软件包。

看这里: HTML5Tutorial

此外,MP3应该是Safari浏览器可以识别它的第一个地方。