2010-09-28 43 views
7

我想在html5中使用<audio>標記的演講系列在Dreamhost主持的網站上流式傳輸音頻,但沒有取得太大的成功。實際代碼是流媒體音頻與html5`<audio>`標記

<audio id="playerTwo" class="player" controls="controls" preload="none"> 
<source src="audio.ogg" type="audio/ogg; codecs='vorbis'"/> 
<source src="audio.mp3" type="audio/mpeg"/> 
</audio> 

我也有一個.htaccess文件,以包含正確的MIME類型的Apache。

將AddType音頻/ OGG .OGG

將AddType音頻/ MPEG .MP3

對Ogg文件是約8兆和MP3文件是大約13兆。每個文件都從Audacity導出。

當我在本地Windows 7機器(運行apache 2.2.14和php 5.3.1的win32版本)上運行時,在FF,Chrome和Safari中都可以正常運行。

事情在Dreamhost上不太好。 (他們運行apache 2.2.15和php 5.2.14。) FF在5秒後停止播放音頻文件。 Chrome會播放音頻文件,但音頻會頻繁跳過。 Safari正確播放音頻,但點擊播放按鈕和實際開始播放和播放的音頻之間的差距大約爲三分鐘。

如果不是使用<audio>標記,而是使用Silverlight播放器從Dreamhost播放mp3文件,它們會正確播放並播放。

有關我需要做什麼才能使<audio>標記正常工作的任何建議。據我所知,html5音頻是Silverlight的客戶端技術。所以,理論上,Dreamhost應該對<audio>標籤的執行方式沒有影響。

無論如何,任何人對什麼是錯誤都有任何想法。

謝謝。

回答

11

上傳音頻文件通過filezilla以ascii傳輸類型,而不是二進制傳輸類型導致的問題。音頻文件在上傳過程中被破壞,所以沒有太大的驚喜,他們沒有發揮出色。令人驚訝的是,mp3文件確實可以播放,儘管ogg文件沒有。

這就是答案。

+13

您可以將自己的答案標記爲已接受。 – TRiG 2010-11-05 13:41:15