HTML5_html5 チュートリアルのスキルに基づいたオンラインビデオ再生ソリューションに関する簡単な説明

今、この特別な時代にあります: Flash は死につつあり、Microsoft と IE の歴史的問題、HTML5 標準は未定、Apple と Google の間のクローズド ソースとオープン ソースの論争、モバイル インターネットの一般的な傾向、そしてブラウザーは独自に戦う...これはすべて、ビデオ ソリューションを設計する際に Web 開発者にとってかなりの混乱につながります。この記事では、このトピックに焦点を当て、関連するテクノロジー、原理、ツールについて説明します。

エンコードと形式に関する誤解
多くの人がエンコードと形式を同じものとして誤解しており、ビデオ ファイルのサポートの程度を一意に決定するためにビデオ ファイルのサフィックスを使用することがよくあります。実際、これを一文で要約すると、ビデオのファイルサフィックス (サフィックスに悪意のある変更がない場合) は、実際にはカプセル化形式を表しており、ビデオまたはオーディオのエンコードアルゴリズムはカプセル化形式自体とは直接の関係がありません。 : 同じカプセル化形式 (つまり、同じサフィックス) は、異なるエンコード アルゴリズムを使用してビデオとオーディオをカプセル化できます。ビデオ再生デバイスまたはソフトウェアがビデオ再生をサポートしているかどうかは、パッケージ化形式だけでなく、エンコード アルゴリズムにも依存します。これを認識することが、問題を理解し、トラブルシューティングを行うための基礎となります。

パッケージ形式は、画像、音声、字幕、システム コントロールなどを含むビデオのすべてのコンテンツを指定しますが、その中で画像と音声が最も重要です。

MPEG から始める
MPEG は、かつて彼らが発表した MPEG-1 と MPEG-2 は、実際にはそれぞれよく知られた VCD と DVD です。すべて古いものです。この記事の主題に関連する MPEG-4 仕様を見てみましょう。

MPEG-4 仕様では、ファイルの拡張子が .mp4 であると規定されており、これには現在 3 つの画像エンコードおよび圧縮アルゴリズムが含まれています: Visual、よく知られている H.264 と AVC は同じ概念です。音声の場合はAACです。互換性に関する次の内容は、Wikipedia と Format Factory、および作成者のテストからのものです:

Android ブラウザ: DivX と AVC をサポートしますが、Xvid はサポートされません
iPhone および iPad (iOS): DivX と AVC をサポートしますが、Xvid はサポートされません
Chrome: AVC をサポートしますが、DivX と Xvid はサポートされません。 Google は 2011 年初めに、ライセンスの問題により Chrome ブラウザから AVC (H.264) のサポートを削除すると発表しました。ただし、現在のバージョンまでは AVC が引き続きサポートされます。なお、実際にテストしたところ、DivXとAACをmp4にカプセル化した場合、Chromeでは再生できますが、音声（AAC）のみです。
Firefox と Opera: 依然としてライセンスの問題により、Firefox と Opera は AVC のサポートを段階的に変更していますが、著者は最新の Firefox で AVC をテストしましたが、引き続き再生できます (Wikipedia の説明では、システム自体に関連している可能性があります)。デコーダを持っている) ; DivX と Xvid に関しては、Firefox での作者のテスト結果はサポートされていません。 Wikipedia の互換性リストによると、Opera は AVC を十分にサポートしていません。
IE: 作者の IE11 は AVC をサポートできますが、DivX と AVC のサポートはサポートしていません。これらのブラウザは引き続き AVC をサポートできますが、新しいオープンソースのビデオ コーデック スキームを含む WebM と呼ばれるオープンソースのマルチメディア プロジェクトである傾向もあります。 VP8といいます。現在、VP8 は VP9 に発展しています。カプセル化された形式としての WebM には、.webm 接尾辞と video/webm MIME タイプが付いています。オーディオの場合は、Vorbis/Opus を使用できます。互換性の観点から見ると、Chrome、Firefox、Opera は VP8 との互換性が非常に高いですが、Safari と IE はほとんどサポートできません。

Ogg は、WebM とほぼ同じオープン ソースであり、オープン ソース プラットフォームで広くサポートされています。そのビデオ エンコード スキームは Theora (Xiph.org Foundation によって開発された VP3 から開発され、任意のパッケージ形式で使用できます) と呼ばれ、オーディオは Vorbis です。通常、サフィックスは .ogv または .ogg で、MIME タイプは video/ogg です。互換性の点では、Chrome、Firefox、Opera はサポートできますが (ただし、Opera はモバイル プラットフォームではサポートできません)、Safari と IE はほとんどサポートできません。

上記の議論の実際の大前提は、ビデオが Html5 の
*IE9 は、「ユーザーが VP8 コーデックをインストールしている場合にのみ」VP8 をサポートします。

‡Google Chrome は 2011 年に H.264 を廃止すると発表しましたが、「まだ実現していません」。 現在の主流は依然として MP4 (AVC) であることがわかりますが、AVC に関する「オープンソース陣営」の不確実性を解決するために、ビデオのマルチソース ソリューションを使用して WebM の追加サポートを提供することを選択できます。または AVC に基づく ogg: