потоковое аудио с тегом html5 `<audio>` - PullRequest
7 голосов
/ 28 сентября 2010

Я пытаюсь транслировать аудио на сайте, размещенном на Dreamhost, из серии лекций, используя тег <audio> в html5, но без особого успеха.Фактический код:

<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 audio / ogg .ogg

AddType audio/ mpeg .mp3

Файлы ogg имеют размер около 8 мегабайт, а файлы mp3 - около 13 мегабайт.Каждый файл был экспортирован из Audacity.

Все отлично работает в FF, Chrome и Safari, когда он обслуживается локально на моем компьютере с Windows 7 (под управлением Win32 версии apache 2.2.14 и php 5.3.1).

На Dreamhost дела идут не так хорошо.(Они запускают apache 2.2.15 и php 5.2.14.) FF прекращает воспроизведение аудиофайла через 5 секунд.Chrome воспроизводит аудиофайл, но звук часто пропускается.Safari воспроизводит звук правильно, но разрыв между нажатием кнопки воспроизведения и звуком, который фактически начинает воспроизводиться и воспроизводиться, составляет около трех минут.

Если вместо использования тега <audio> я воспроизведу mp3-файлы сDreamhost с проигрывателем Silverlight, они транслируются и воспроизводятся правильно.

Любые предложения о том, что мне нужно сделать, чтобы тег <audio> работал правильно.Насколько я знаю, html5 audio - это технология на стороне клиента, как и Silverlight.Таким образом, теоретически Dreamhost не должен влиять на работу тега <audio>.

В любом случае, у кого-нибудь есть идеи о том, что не так.

Спасибо.

1 Ответ

11 голосов
/ 14 октября 2010

Проблема, вызванная загрузкой аудиофайлов через filezilla с типом передачи ascii, а не с двоичным типом передачи.Аудиофайлы были повреждены во время загрузки, поэтому неудивительно, что они плохо воспроизводились.Сюрприз в том, что mp3-файлы воспроизводились приемлемо, а ogg-файлы - нет.

...