画像、音声、動画コンテンツのメディアの種類と形式
ほぼ最初の頃から、ウェブは何らかの形で視覚メディアのプレゼンテーションに対応してきました。当初、これらの機能は制限されていましたが、さまざまなブラウザーがウェブ上の静止画や動画の画像を含むことに関する問題に対して独自の解決策を見つけたため、有機的に拡張されました。現代のウェブは、メディアのプレゼンテーションや操作をサポートする強力な機能を備えており、さまざまな種類のコンテンツに対応するいくつかのメディア関連 API を備えています。一般的に、ブラウザーが対応するメディア形式は、ブラウザーの作成者に委ねられており、ウェブ開発者の作業を複雑にしています。
このガイドでは、ウェブ上で使用されるメディアを構成する可能性のあるメディアファイルの種類、コーデック、アルゴリズムの概要を説明します。また、これらの様々な組み合わせに対するブラウザーの対応情報や、ファイル形式の優先順位の提案、特定の種類のコンテンツに適したファイル形式の提案も提供しています。
ガイド
- Ogg メディア用のサーバーの設定
HTML
audio要素とvideo要素を使用すると、ユーザーはプラグインやその他のソフトウェアをインストールする必要なくメディアを表示できます。サーバーが Ogg メディアを正しく配信するためには、いくつか設定が必要な場合があります。- ウェブ動画コーデックガイド
このガイドでは、ウェブ上で使用する可能性の高い、または使用を検討している動画コーデックを紹介し、その機能の概要と互換性や有用性に関する懸念、そして自分のプロジェクトの動画に適したコーデックを選ぶためのアドバイスを提供します。
- メディアコンテナーフォーマット（ファイル形式）
音声と動画のメディアファイルの形式は、使用する音声や 動画のコーデックと、使用するメディアコンテナーの形式（またはファイル形式）の、2つの部分（もちろん、音声と動画の両方が含まれる場合は3つ）で定義されます。 このガイドでは、ウェブで最も一般的に使用されているコンテナー形式を取り上げ、その仕様に関する基本的な事柄と、利点、制限、理想的な用途について説明します。
- 画像ファイルの種類と形式ガイド
このガイドでは、ウェブブラウザーが一般的に対応している画像ファイルの種類を取り上げ、サイトの画像に使用するための最も適切な形式を選択するのに役立つ観点を提供します。
- 学習: 動画と音声のコンテンツ
-
このチュートリアルでは、ウェブ上でのメディアの利用方法を紹介し、詳細を説明します。
関連情報
- Media Capabilities API
-
Media Capabilities API を使用すると、アプリやサイトが実行されている端末のエンコーディングおよびデコーディング機能を検出することができます。これにより、どの形式をいつ使用するかをリアルタイムで判断することができます。