0

ビデオを静的ファイルとしてホストするサーバーをセットアップしました

次に、html 5 を使用してビデオ ファイルを読み込んで再生します。

 <div id="video wrapper" >
           <video id="video" width="500" height="300" controls> 
                      <source src="/videos/test.mp4" type="video/mp4" >
                      Your browser does not support the video type              
            </video>
 </div> 

この議論によると、HTML5 を介してビデオをストリーミングする方法は? 理想的には、ビデオはプログレッシブにロードされます (ストリーミング)。しかし、私の場合、ビデオの読み込みによってページ全体の読み込みがブロックされているようで、ページの読み込みが終了してビデオの再生が始まるまでに数分かかりました。

サーバー側には次のような出力があります。

127.0.0.1 - - [29/Jul/2013 18:00:23] "GET /videos/test.mp4 HTTP/1.1" 206 955542769 102.4900

私はそれを次のように解釈します:サイズ9555MBのビデオファイル「test.mp4」を転送するのに102秒。

テストはローカルサーバー(localhost)で行われているので、ネットワークの問題ではないと思います。これをデバッグする方法がわかりません。静的ファイルをホストする代わりに、専用のストリーミング サーバーを作成する必要がありますか?

トラブルシューティングのヒントをいただければ幸いです。

4

1 に答える 1

0

mp4 では、moov atom を確認する必要があります。アトムは、ビデオ ファイルに関する情報を含む自己完結型のデータ ユニットです。mp4 ファイルを開いて、最初の mp4 ファイルに「moov」文字列があるかどうかを確認してください。

プログレッシブ ダウンロードの場合、moov アトムはファイルの先頭にある必要があります。

moov アトムがファイルの末尾にある場合は、mp4 ファイルのプログレッシブ ダウンロードが無効になっていることを意味します。

次の Linux コマンドを実行するだけです。

head -c 50 video.mp4

出力は次のようになります。

ftypisomisomJ??moovlmvhd?%?:?%?:XP?
于 2013-07-31T07:10:04.773 に答える