HTML マルチメディアの概要

HTML マルチメディア

Web 上のマルチメディアとは、効果音、音楽、ビデオ、アニメーションを指します。

最新の Web ブラウザはすでに多くのマルチメディア形式をサポートしています。

マルチメディアとは何ですか?

マルチメディアにはさまざまな形式があります。テキスト、画像、音楽、効果音、録音、映画、アニメーションなど、聞いたり見たりできるものはすべてです。

インターネットでは、Web ページにマルチメディア要素が埋め込まれていることがよくあり、最新のブラウザーはすでにさまざまなマルチメディア形式をサポートしています。

このチュートリアルでは、さまざまなマルチメディア形式と、Web ページでのそれらの使用方法について学びます。

ブラウザのサポート

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

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

プラグインについては、次の章で詳しく説明します。

マルチメディア形式

マルチメディア要素 (ビデオやオーディオなど) はメディアファイルに保存されます。

メディアの種類を判断する最も一般的な方法は、ファイル拡張子を確認することです。ブラウザは、.htm または .html のファイル拡張子を取得すると、そのファイルが HTML ページであるとみなします。 .xml 拡張子は XML ファイルを示し、.css 拡張子はスタイルシートを示します。画像形式は .gif または .jpg で識別されます。

マルチメディア要素には、.swf、.wmv、.mp3、.mp4 などのさまざまな拡張子のファイル形式もあります。

ビデオ形式

MP4は、インターネットによって開始された新しいビデオ形式です。
YouTube は MP4 を推奨します。
Flash プレーヤーは MP4 をサポートします
HTML5 は MP4 をサポートします。

.mpg

フォーマット

ファイル

説明

AVI

.avi

AVI (Audio Video Interleave) 形式は Microsoft によって開発されました。 Windows を実行しているすべてのコンピュータは AVI 形式をサポートしています。これはインターネット上で非常に一般的な形式ですが、Windows 以外のコンピュータでは常に再生できるとは限りません。

Windows Media フォーマットは Microsoft によって開発されました。 Windows Media はインターネット上で一般的ですが、追加の (無料) コンポーネントをインストールしないと Windows Media ムービーを再生できません。適切なプレーヤーがないため、一部の新しい Windows Media ムービーは Windows 以外のコンピュータでは再生できません。

MPEG

.mpeg 形式は、インターネット上で最も人気のある形式です。クロスプラットフォームであり、最も一般的なブラウザーすべてでサポートされています。

.mov 形式は Apple によって開発されました。 QuickTime はインターネット上で一般的な形式ですが、追加の (無料) コンポーネントがインストールされていない場合、QuickTime ムービーを Windows コンピュータで再生することはできません。

.ram

最新の HTML5 標準は、MP4、WebM、および Ogg ビデオ形式のみをサポートしています。

サウンドフォーマット

MP3は音声圧縮技術であり、正式名称はMoving Picture Experts Group Audio Layer III、MP3と呼ばれます。音声データの量を大幅に削減するように設計されています。サイトが音楽タイプの場合は、mp3 形式を選択できます。

リアルビデオ

.rm

RealVideo 形式は、インターネット用に Real Media によって開発されました。。この形式により、低帯域幅条件下でのビデオストリーミングが可能になります (オンラインビデオ、IP TV)。低帯域が優先されるため、品質が低下することがよくあります。

フラッシュ

.swf

.flv

Flash (Shockwave) フォーマットは Macromedia によって開発されました。 Shockwave 形式を再生するには追加のコンポーネントが必要です。ただし、このコンポーネントは Firefox や IE などのブラウザにプリインストールされています。

.mp4

Mpeg-4 (H.264ビデオ圧縮)インターネットの新しいフォーマット。実際、YouTube は MP4 を推奨しています。 YouTube は複数の形式を受け入れ、それらをすべて .flv または .mp4 に変換して配布します。 Flash プレーヤーや HTML5 のインターネット共有形式として MP4 を利用するビデオ発行者が増えています。

フォーマット

ファイル

説明

MIDI

.mid

.midi

MIDI (Musical Instrument Digital Interface) は、電子音楽機器 (例えば、シンセサイザープレーヤーとサウンドカード) 形式。 MIDI ファイルにはサウンドは含まれませんが、サウンドカードなどの電子製品で再生できるデジタル音楽の命令が含まれています。

MIDI フォーマットには命令のみが含まれるため、MIDI ファイルは非常に小さくなります。上の例のサイズはわずか 23k ですが、再生時間はほぼ 5 分です。 MIDI は、さまざまなプラットフォーム上のさまざまなソフトウェアでサポートされています。一般的な Web ブラウザのほとんどは MIDI をサポートしています。

RealAudio

.ram

RealAudio 形式は、インターネット用に Real Media によって開発されました。この形式はビデオもサポートしています。この形式により、低帯域幅条件下でのオーディオストリーミング (オンライン音楽、ネットワーク音楽) が可能になります。低帯域が優先されるため、品質が低下することがよくあります。

Wave

.wav

Wave（波形）形式はIBMが開発し、Microsoftが開発しました。 Windows を実行しているすべてのコンピュータとすべての Web ブラウザ (Google Chrome を除く) でサポートされています。

MP3

WMA 形式 (Windows Media Audio)、品質は MP3 よりも優れており、iPod を除くほとんどのプレーヤーと互換性があります。 WMA ファイルは連続データストリームとして送信できるため、インターネットラジオやオンライン音楽に役立ちます。

.mp3

.mpga

ファイルは実際には MPEG ファイルのサウンド部分です。 MPEG 形式は、もともと Moving Picture Experts Group によって開発されました。 MP3 は、音楽の最も人気のあるサウンド形式の 1 つです。それをサポートする将来のソフトウェアシステムに期待します。

HTML5 の最新標準は、MP3、WAV、および Ogg オーディオ形式をサポートしています。

学び続ける

新しいファイル

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <h3>多媒体简介</h3> <p>本章节主要介绍什么是多媒体以及多媒体的格式</p> </body> </html>

提出するリセットコード

自動運転

前のセクション次のセクション

チュートリアルリスト

ヘルプの取得