ホームページ > 記事 > ウェブフロントエンド > HTML5 ビデオとオーディオの実装手順
一般的なビデオ形式のコンポーネントは、画像、オーディオ、エンコード形式であることがわかっています。一般的なオーディオ形式には、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
onchangevolumechange
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 サイトの他の関連記事を参照してください。