4

HTML5 ビデオ タグで使用するために、最近いくつかのビデオを次の形式から変換しました。

Duration: 4:40
Video: H264 640x360 16:9 4982Kbps 23.98fps
Audio: AAC 44 KHz 255 Kbps Stereo

次の 3 つの形式 (すべてのデバイス間の互換性を高めるため):

Type: MP4 (56,018 KB)
Video: H264 640x360 16:9 1481 Kbps 23.98 fps
Audio: AAC 44 KHz 152 Kbps Stereo

Type: OGG (58,025 KB)
Video: THEORA 640x360 16:9 1398 Kbps 23.98 fps
Audio: VORBIS 44 KHz 240 Kbps Stereo

Type: WEBM (57,471 KB)
Video: VP8 640x360 16:9 840 Kbps 23.98 fps
Audio: VORBIS 44 KHz 840 Kbps Stereo

バッファリングに時間がかかるという問題がたくさんあります。再生しても、ジャンプしたり、フレームがスキップされたりします。モバイルデバイスでは、さらに苦痛です。

最適なビデオ フォーマットに詳しい人に教えてもらえますか？大きすぎるだけですか？

ありがとう！

4

3 に答える 3

4

すべてのブラウザーがすべてのプラットフォームのすべてのビデオ形式と互換性があるわけではないため、「最適な」ビデオ形式はありません。

edit 2013-12: MPEG-4/H.264 が競合他社を打ち負かしているようです。唯一の主要なホールドバックは、OSX 上の Firefoxと、特定の方法でフォーマットした場合にのみ v4.4 未満の Linux、Opera、および Android が機能する http://caniuse.com/#feat=mpeg4です。

また: http://caniuse.com/#feat=ogv | http://caniuse.com/#feat=webm | より良いフォールバックを備えた私の他の投稿

于 2012-04-19T00:25:29.587 に答える
3

MP4 H264 が作成されるデフォルトの方法は、ファイルの最後にあるインデックス データを使用することであることがわかりました。そのため、基本的に、ビデオが開始される前にかなりの量のデータを処理する必要があります。Safari はこれに関して特にうるさいようですが、他のブラウザでは問題がないようです。

誰かが作成した Adob​​e AIR ソフトウェアを見つけました。インデックス データをファイルの先頭に移動する代わりに、動画が Safari でも Chrome と同じくらい速く読み込まれるようにします。

http://renaun.com/blog/2010/06/qtindexswapper-2/

Safari がこれほどまでに問題を抱えていた理由を解明するために多くの時間を費やしたのに、この数日前にこの情報を見つけていたらよかったのにと思います。

于 2012-04-19T08:29:44.347 に答える
1

ビデオ/オーディオをブラウザで表示するための最良の方法であり、互換性について心配する必要はありません: http://mediaelementjs.com/

于 2012-05-01T15:57:17.480 に答える