ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 ビデオとオーディオの実装手順

HTML5 ビデオとオーディオの実装手順

php中世界最好的语言
php中世界最好的语言オリジナル
2017-11-28 15:40:132354ブラウズ

一般的なビデオ形式のコンポーネントは、画像、オーディオ、エンコード形式であることがわかっています。一般的なオーディオ形式には、ACC、MP3、Vorbis が含まれます。今日は、これらについて説明します。ビデオオーディオ実装手順

HTML5 でサポートされるビデオ形式:

Ogg = Theora ビデオ エンコーディング + Vorbis オーディオ エンコーディングを使用した Ogg ファイル

サポートされるブラウザ: F、C、O

H .264 ビデオ エンコーディング+ AAC オーディオエンコード MPEG4 ファイル

out out out out out out out out O

ビデオのプロパティ dAutoPlay

ビデオを再生する準備ができました

コントロールはユーザーにユーザーを表示します

width プレーヤーの幅を設定します

Height プレーヤーの高さを設定します 再生を継続するかどうかをループしますビデオ、循環再生

有無Preload ロードを待ってから再生するかどうか

SrcビデオURLアドレス

Posterが待機中の画像をロード

Autoplyを効果的に設定せずに、ブラウザのクッションメソッドに自動バッファ設定

Video APIメソッド

Play ()

Pause ()

load()

Fullscreen: webkit element.webkitRequestFullScreen();

);

duration : 合計メディア時間 (読み取り専用)

volume : 相対音量値0.0-1.0の

muted : ミュートするかどうか false /true

paused : メディアが一時停止しているかどうか(読み取り専用)

end : メディアが再生されているかどうか(読み取り専用)

error : エラーが発生した場合メディアで発生したエラー コードを返します (読み取り専用)

currentSrc : メディア アドレスを

string

の形式で返します (読み取り専用) timeupdate completed ratechange durati

onchange

volumechange

HTML5 サポートされているオーディオ形式:

Ogg 無料 サポートされているブラウザー: C、F、O

MP3 有料 サポートされているブラウザー: I、C、S

Wav 有料サポート ブラウザー: F、お、す

audio 属性

自動再生

コントロール 再生コントロールをユーザーに表示します

ループ

preload 再生前に読み込みが完了するまで待機するかどうか

src 再生されるオーディオの URL。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 related Reading Reading:js JSでスタイルを取得する一般的な方法domオブジェクトを操作するJSプロセス

以上がHTML5 ビデオとオーディオの実装手順の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。