2010-09-28 16 views
7

Dreamhost tarafından barındırılan bir sitede html5 içinde <audio> etiketini kullanarak bir konferans dizisinden ses yayınlamaya çalışıyorum, ancak çok fazla başarıya ulaşamadım. gerçek kodhtml5 `ile ses akışı` <audio> `etiketi

<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> 

Ben de apachenin doğru mim-türlerini dahil bir .htaccess dosyası var olduğunu.

AddType ses/Ogg .ogg

AddType ses/mpeg mp3

OGG dosyalarını yaklaşık 8 MB'lik ve mp3 dosyaları yaklaşık 13 meg vardır. Her dosya Audacity'den ihraç edildi.

Windows 7 makinemde yerel olarak sunulduğunda FF, Chrome ve Safari'de her şey iyi çalışıyor (apache 2.2.14'ün win32 sürümü ve php 5.3.1 sürümü çalıştırılıyor).

şeyler Dreamhost'tan üzerinde çok iyi gitmez. (Apache 2.2.15 ve php 5.2.14'ü çalıştırırlar.) FF, ses dosyasını 5 saniye sonra oynatmayı durdurur. Chrome ses dosyasını çalar, ancak ses sıklıkla atlar. Safari sesi doğru şekilde çalar ancak oynatma düğmesine tıklamakla oynatma tıklaması arasındaki gecikme yaklaşık üç dakikadır.

<audio> etiketini kullanmak yerine, Dreamhost'tan bir Silverlight oynatıcı içeren mp3 dosyalarını çaldım, akışa alınıp doğru şekilde çalınıyorum.

<audio> etiketinin düzgün çalışması için neye ihtiyacım olduğu hakkında herhangi bir önerin. Bildiğim kadarıyla, html5 ses, Silverlight gibi istemci tarafı teknolojisidir. Yani, teoride, Dreamhost'un <audio> etiketinin nasıl performans gösterdiği konusunda hiçbir etkisi olmamalıdır.

Neyse, kimse yanlış ne olduğu hakkında herhangi bir fikirleri var.

Teşekkürler.

cevap

11

İkili aktarım türü yerine, ascii aktarma türünde ses dosyalarını filezilla yoluyla karşıya yüklemekten kaynaklanan sorun. Ses dosyaları yükleme sırasında bozulmuştu, bu yüzden iyi oynamadıkları için büyük bir sürpriz olmadı. Sürpriz, ogg dosyaları olmasa da mp3 dosyalarının kabul edilebilir şekilde oynamasıdır. Burada cevabı var

.

+13

Kendi cevabınızı kabul edildi olarak işaretleyebilirsiniz. – TRiG