HTML マルチメディア
Web 上のマルチメディアとは、効果音、音楽、ビデオ、アニメーションを指します。
最新の Web ブラウザはすでに多くのマルチメディア形式をサポートしています。
マルチメディアとは何ですか?
マルチメディアにはさまざまな形式があります。テキスト、画像、音楽、効果音、録音、映画、アニメーションなど、聞いたり見たりできるものはすべてです。
インターネットでは、Web ページにマルチメディア要素が埋め込まれていることがよくあり、最新のブラウザーはすでにさまざまなマルチメディア形式をサポートしています。
このチュートリアルでは、さまざまなマルチメディア形式と、Web ページでのそれらの使用方法について学びます。
ブラウザのサポート
最初のインターネットブラウザはテキストのみをサポートし、テキストのサポートさえも単一のフォントと単一の色に限定されていました。その後、色、フォント、テキスト スタイルをサポートするブラウザが登場し、画像のサポートが追加されました。
異なるブラウザは、異なる方法でサウンドエフェクト、アニメーション、ビデオのサポートを処理します。一部の要素はインラインで処理できますが、その他の要素は追加のプラグインが必要です。
プラグインについては、次の章で詳しく説明します。
マルチメディア形式
マルチメディア要素 (ビデオやオーディオなど) はメディア ファイルに保存されます。
メディアの種類を判断する最も一般的な方法は、ファイル拡張子を確認することです。ブラウザは、.htm または .html のファイル拡張子を取得すると、そのファイルが HTML ページであるとみなします。 .xml 拡張子は XML ファイルを示し、.css 拡張子はスタイルシートを示します。画像形式は .gif または .jpg で識別されます。
マルチメディア要素には、.swf、.wmv、.mp3、.mp4 などのさまざまな拡張子のファイル形式もあります。
ビデオ形式
MP4は、インターネットによって開始された新しいビデオ形式です。
フォーマット ファイル 説明
AVI
.avi
AVI (Audio Video Interleave) 形式は Microsoft によって開発されました。 Windows を実行しているすべてのコンピュータは AVI 形式をサポートしています。これはインターネット上で非常に一般的な形式ですが、Windows 以外のコンピュータでは常に再生できるとは限りません。
Windows Media フォーマットは Microsoft によって開発されました。 Windows Media はインターネット上で一般的ですが、追加の (無料) コンポーネントをインストールしないと Windows Media ムービーを再生できません。適切なプレーヤーがないため、一部の新しい Windows Media ムービーは Windows 以外のコンピュータでは再生できません。
MPEG
.mpg
リアルビデオ
.ram
.swf
.flv Flash (Shockwave) フォーマットは Macromedia によって開発されました。 Shockwave 形式を再生するには追加のコンポーネントが必要です。ただし、このコンポーネントは Firefox や IE などのブラウザにプリインストールされています。
Mpeg-4 (H.264ビデオ圧縮)インターネットの新しいフォーマット。実際、YouTube は MP4 を推奨しています。 YouTube は複数の形式を受け入れ、それらをすべて .flv または .mp4 に変換して配布します。 Flash プレーヤーや HTML5 のインターネット共有形式として MP4 を利用するビデオ発行者が増えています。
最新の HTML5 標準は、MP4、WebM、および Ogg ビデオ形式のみをサポートしています。
サウンドフォーマット
MP3は音声圧縮技術であり、正式名称はMoving Picture Experts Group Audio Layer III、MP3と呼ばれます。音声データの量を大幅に削減するように設計されています。サイトが音楽タイプの場合は、mp3 形式を選択できます。
フォーマット ファイル 説明
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 を除く) でサポートされています。
WMA 形式 (Windows Media Audio)、品質は MP3 よりも優れており、iPod を除くほとんどのプレーヤーと互換性があります。 WMA ファイルは連続データ ストリームとして送信できるため、インターネット ラジオやオンライン音楽に役立ちます。
.mp3
ファイルは実際には 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>
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
![フロントエンドプロジェクト-Shangyou [HTML/CSS/JS技術総合演習]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
