HTML メディア

ウェブ上のメディアは、音響、音楽、ビデオ、アニメーションを指します。

現代のウェブブラウザは多くのメディアフォーマットをサポートしています。

メディアとは何ですか？

メディアはさまざまなフォーマットから来ています。それは聞いたり見たりできるどんな内容でも、テキスト、画像、音楽、効果音、録音、映画、アニメーションなどが含まれます。

インターネットでは、ウェブページに埋め込まれたメディア要素がよく見られます。現代のブラウザは多くのメディアフォーマットをサポートしています。

このチュートリアルでは、異なるメディアフォーマットについて学び、それらをウェブページにどのように使用するかを学びます。

ブラウザのサポート

最初のインターネットブラウザはテキストのみをサポートし、テキストのサポートも単一のフォントと単一の色に限られていました。その後、色、フォント、テキストスタイルをサポートするブラウザが登場し、画像のサポートも追加されました。

異なるブラウザは音響、アニメーション、ビデオのサポートを異なる方法で処理します。一部の要素はインラインで処理できますが、他の要素は追加のプラグインが必要です。

以下の章でプラグインに関する多くの知識を学びます。

メディアフォーマット

メディア要素（例えばビデオやオーディオ）はメディアファイルに保存されます。

メディアタイプを確認する最も一般的な方法は、ファイルの拡張子を確認することです。ブラウザが .htm または .html の拡張子を受け取ると、そのファイルが HTML ページであると仮定します。.xml 拡張子は XML ファイルを示し、.css 拡張子はスタイルシートを示します。画像フォーマットは .gif または .jpg で認識されます。

メディア要素も異なる拡張子を持つファイルフォーマットを持っています。例えば .swf、.wmv、.mp3、.mp4 などです。

ビデオフォーマット

MP4 フォーマットは新しい普及が期待されるインターネットビデオフォーマットです。HTML5、Flash プレイヤー、優酷などのビデオサイトがサポートしています。

フォーマット ファイル 説明
AVI .avi AVI（オーディオ・ビデオ・インターリーブ）フォーマットはマイクロソフトが開発しました。すべての Windows を動作させるコンピュータは AVI フォーマットをサポートしています。それはインターネットでよく見られるフォーマットですが、非 Windows コンピュータは常に再生できないとは限りません。
WMV .wmv Windows Media フォーマットはマイクロソフトが開発しました。インターネットでは Windows Media がよく見られますが、追加の（無料）コンポーネントがインストールされていないと、Windows Media ムービーを再生できません。後期の Windows Media ムービーは、適切なプレイヤーがないため、すべての非 Windows コンピュータで再生できません。
MPEG
  • .mpg
  • .mpeg
 MPEG（動画像専門グループ）フォーマットはインターネット上で最も人気のあるフォーマットです。これはプラットフォームに依存せず、最も人気のあるすべてのブラウザにサポートされています。
QuickTime .mov QuickTime フォーマットはアップル社が開発しました。QuickTime はインターネット上で一般的なフォーマットですが、QuickTime ムービーは追加の（無料）コンポーネントをインストールしていない Windows コンピュータでは再生できません。
RealVideo
  • .rm
  • .ram
 RealVideo フォーマットは Real Media がインターネット向けに開発しました。このフォーマットは低帯域幅条件下（オンラインビデオ、ネットワークテレビ）でのビデオストリーミングを許可します。低帯域幅優先であるため、品質は通常低下します。
Flash
  • .swf
  • .flv
 Flash（Shockwave）フォーマットは Macromedia によって開発されました。Shockwave フォーマットは再生には追加のコンポーネントが必要ですが、Firefox や IE などのブラウザには事前にインストールされています。
Mpeg-4 .mp4 Mpeg-4（H.264 ビデオ圧縮付き）はインターネット向けの新しいフォーマットです。実際には、YouTube は MP4 を推奨しています。YouTube は複数のフォーマットを受け入れ、それらをすべて .flv または .mp4 に変換して配信します。ますます多くのビデオ投稿者が MP4 に移行し、Flash プレイヤーや HTML5 でのインターネット共有フォーマットとして使用しています。

音声フォーマット

フォーマット ファイル 説明
MIDI
  • .mid
  • .midi

MIDI（音楽機器デジタルインターフェース）は、電子音楽機器（例えばシンセサイザーやオーディオカード）向けのフォーマットです。MIDI ファイルには音が含まれていませんが、オーディオカードなどの電子機器で再生できるデジタル音楽指令が含まれています。

ここをクリックして The Beatles を再生

MIDI フォーマットは指示のみを含むため、MIDI ファイルは非常に小さいです。上の例は 23k のサイズしかありませんが、約 5 分間再生できます。MIDI は幅広いプラットフォームで多くのソフトウェアにサポートされています。ほとんどの人気のあるウェブブラウザは MIDI をサポートしています。
RealAudio
  • .rm
  • .ram
 RealAudio フォーマットは Real Media がインターネット用に開発しました。このフォーマットはビデオもサポートしています。このフォーマットは低帯域幅条件下での音声ストリーム（オンライン音楽、ネットワーク音楽）を許可しています。低帯域幅優先のため、品質はしばしば低下します。
Wave .wav Wave（waveform）フォーマットは、IBM とマイクロソフトによって開発されました。すべての Windows が動作するコンピュータとすべてのネットワークブラウザ（Google Chrome を除く）がサポートしています。
WMA .wma WMA フォーマット（Windows Media Audio）は、MP3 より品質が高く、ほとんどのプレイヤーで互換性がありますが、iPod は除かれます。WMA ファイルは連続的なデータストリームとして送信できるため、ネットワークラジオやオンライン音楽に実用的です。
MP3
  • .mp3
  • .mpga
 MP3 ファイルは実際には MPEG ファイルの音声部分です。MPEG フォーマットは最初に motion picture experts group によって開発されました。MP3 はその中で音楽用の音声形式で最も人気があります。今後のソフトウェアシステムがそれをサポートすることを期待しています。

どの形式を使用しますか？

WAVE はインターネット上で最も人気のある無圧縮音声形式で、すべての人気のあるブラウザがサポートしています。圧縮されていない音声（音楽またはスピーチ）が必要な場合は、WAVE フォーマットを使用する必要があります。

MP3 は最新の圧縮録音音楽形式。MP3 という用語はデジタル音楽の代名詞となっています。あなたのウェブサイトが録音音楽を扱っている場合、MP3 はオプションの一つです。