2011-06-13 96 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瀏覽器可以識別它的第一個地方。