html5の映像と音声について詳しく解説

[はじめに] HTML5 のビデオとオーディオの詳細な説明: キャンバス要素ビデオとオーディオオーディオ要素、新しい特別なコンテンツ要素 (localstorage、sessionstorage)

HTML5 ビデオとオーディオオーディオの詳細な説明

HTML5 にはいくつかの新機能があります:

canvas 要素
video および audio オーディオ要素
新しい特別なコンテンツ要素: 記事、フッター、ヘッダー、ナビゲーション、セクション
新しいフォーム コントロール: カレンダー、日付、時刻、電子メール、URL、検索。
今日はビデオとオーディオを見てみましょう: ビデオの標準メソッドは HTML5 で指定されています: video

video 属性は次のとおりです。 : 属性値の説明

autoplay autoplay この属性が表示される場合、ビデオは準備ができたらすぐに再生されます。
controls コントロール この属性が表示される場合、再生ボタンなどのコントロールがユーザーに表示されます。
高さピクセル ビデオプレーヤーの高さを設定します。
loop ループ この属性が表示される場合、メディア ファイルは再生終了後に再び再生を開始します。
preload preload この属性が表示される場合、ページの読み込み時にビデオが読み込まれ、再生の準備が整います。

「自動再生」が使用されている場合、この属性は無視されます。

src url ビデオアドレス 再生するビデオの URL。
幅ピクセル ビデオプレーヤーの幅を設定します。
autobuffer
autobuffer

(自動バッファリング)

Web ページが表示されるとき、このバイナリ属性は、コンテンツがユーザー エージェント (ブラウザー) によって自動的にバッファリングされるかどうか、またはユーザーが関連する API を使用してコンテンツをバッファリングするかどうかを示します

ポスター
URL 画像アドレス

この属性値は、ビデオが応答しないかバッファ不足の場合に画像にリンクされます。画像は一定の割合で表示されます

HTML5では、audio要素としてオーディオ規格が指定されており、サウンドファイルやオーディオストリームを再生することができます。

オーディオ形式はビデオと似ています。複数のソースを直接入力します:

< source src ="xx1.mp3" type="audio/mpeg">
お使いのブラウザはまだサポートしていません
その属性はビデオよりも高さ、幅、ポスターよりも小さいです。私たちの開発においてマルチメディアはますます重要になってきており、これらのビデオとオーディオは html5 で表示されます。

以上がhtml5の映像と音声について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。