html5のタグを使用して、Dreamhost がホストするサイトで講義シリーズからオーディオをストリーミングしようとしています<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>
Apache の正しい MIME タイプを含める .htaccess ファイルもあります。
AddType audio/ogg .ogg
AddType オーディオ/mpeg .mp3
ogg ファイルは約 8 MB、mp3 ファイルは約 13 MB です。各ファイルは 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 はオーディオを正しく再生しますが、再生ボタンをクリックしてからオーディオが実際にストリーミングおよび再生を開始するまでの遅延は約 3 分です。
タグを使用する代わりに、<audio>
Dreamhost の mp3 ファイルを Silverlight プレーヤーで再生すると、正しくストリーミングおよび再生されます。
<audio>
タグを正しく機能させるために何をする必要があるかについての提案。私の知る限り、html5 オーディオはクライアント側のテクノロジであり、Silverlight も同様です。<audio>
したがって、理論的には、Dreamhost はタグのパフォーマンスに影響を与えないはずです。
とにかく、誰もが何が悪いのかについて何か考えを持っています。
ありがとう。