phát âm thanh với html5 `<audio>` tag

Question

Tôi đang cố phát trực tuyến âm thanh trên trang web được lưu trữ bởi Dreamhost từ một chuỗi bài giảng sử dụng thẻ <audio> trong html5, nhưng không thành công nhiều. Mã thực tế là

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

Tôi cũng có tệp .htaccess để bao gồm đúng loại mime cho apache.

AddType audio/ogg .ogg

AddType audio/mpeg .mp3

Các tập tin ogg khoảng 8 meg và các tập tin mp3 khoảng 13 meg. Mỗi tệp được xuất từ ​​Audacity.

Mọi thứ đều ổn trong FF, Chrome và Safari khi được phục vụ cục bộ trên máy tính Windows 7 của tôi (chạy phiên bản win32 của apache 2.2.14 và php 5.3.1).

Mọi thứ không hoạt động tốt trên Dreamhost. (Họ chạy apache 2.2.15 và php 5.2.14.) FF ngừng phát tệp âm thanh sau 5 giây. Chrome phát tệp âm thanh nhưng âm thanh sẽ bị bỏ qua thường xuyên. Safari phát âm thanh chính xác, nhưng độ trễ giữa cách nhấp vào nút phát và âm thanh thực sự bắt đầu phát và phát khoảng ba phút.

Nếu thay vì sử dụng thẻ <audio>, tôi phát tệp mp3 từ Dreamhost bằng trình phát Silverlight, chúng phát trực tiếp và phát chính xác.

Bất kỳ đề xuất nào về những gì tôi cần làm để nhận thẻ <audio> hoạt động chính xác. Theo như tôi biết, âm thanh html5 là công nghệ phía máy khách, cũng như Silverlight. Vì vậy, về mặt lý thuyết, Dreamhost sẽ không ảnh hưởng đến cách thực hiện thẻ <audio>.

Dù sao, bất kỳ ai có bất kỳ ý tưởng nào về điều gì không ổn.

Cảm ơn.

Answer 1

Sự cố xảy ra do tải lên tệp âm thanh thông qua tệpzilla trong loại chuyển ascii, thay vì loại truyền nhị phân. Các tệp âm thanh bị hỏng trong quá trình tải lên, vì vậy không có gì ngạc nhiên khi chúng không phát huy tốt. Điều ngạc nhiên là các tập tin mp3 đã chơi được chấp nhận, mặc dù các tập tin ogg thì không.

Đó là câu trả lời ở đây.