HTML5 マルチメディアオーディオとビデオの詳細な紹介 (2)-H5 チュートリアル-php.cn

HTML5 マルチメディアオーディオとビデオの詳細な紹介 (2)

黄舟

リリース： 2017-05-19 16:55:38

オリジナル

1939 人が閲覧しました

オーディオとビデオの最も基本的な使用法を以前に学びました。オーディオとビデオの再生をより柔軟に制御するには、HTML5 が提供する関連する属性、メソッド、イベントを学ぶ必要があります。

オーディオおよびビデオ関連の属性

属性	説明
src	メディアリソースのURLアドレスを指定するために使用されます
autoplay	Autoリソースが読み込まれた後、自動的に Play
buffered	は、ブラウザがメディアファイルをキャッシュしたことを確認するために TimeRanges オブジェクトを返すために使用されます。
コントロール	再生用のコントロールバーを提供します
currentSrc	メディアデータのURLアドレスを返します
currentTime	現在の再生位置を秒単位で取得または設定します
デフォルトの再生評価	デフォルトの再生速度に戻る
duration	現在のメディアの継続時間を取得する
loop	ループ再生するかどうかを設定または返す
muted	ミュートするかどうかを設定または返す
networkState	オーディオビデオの現在のネットワークステータスを返します
一時停止	ビデオが一時停止されているかどうかを確認します
playbackRate	オーディオビデオの現在の再生速度を設定または返します
played	TimeRanges オブジェクトを返します。 TimeRanges は、ユーザーが再生したオーディオとビデオの範囲を表します
preload	オーディオとビデオのリソースを自動的にロードするかどうかを設定または返します
readyState	オーディオとビデオの現在の準備完了状態を返します
Seekable	現在のメディアリソースをリクエストできることを示す TimeRanges オブジェクトを返します
seeking	データがリクエストされているかどうかを返します
valume	ボリュームを設定または返します。値は 0 ～ 1.0 です

オーディオとビデオ関連のメソッド

Method	Description
canPlayType()	ブラウザが指定されたオーディオとビデオを再生できるかどうかを検出します
load()	オーディオをリロードおよびビデオ要素
pause()	現在再生中のオーディオとビデオを停止します
play()	現在のオーディオとビデオの再生を開始します

オーディオとビデオ関連のイベント

イベント	説明
canplay	このイベントは、ブラウザが指定されたオーディオとビデオの再生を開始できるときに発生します
canplaythrough	Expects このイベントは、指定されたオーディオとビデオがバッファリングのために停止せずに継続的に再生できる場合に発生します
durationchange	オーディオとビデオのデュレーションデータが変更された場合、このイベントが発生します
loadeddata	このイベントは次の場合に発生します現在のフレームデータはロードされましたが、指定されたオーディオビデオの次のフレームを再生するのに十分なデータがありません
loadedmatadata	このイベントは、指定されたオーディオビデオのメタデータがロードされたときに発生します。メタデータには、長さ、サイズ (ビデオのみ)、テキストトラックが含まれます
loadstart	このイベントは、ブラウザが指定されたオーディオビデオの検索を開始したときに発生します
progress	指定されたオーディオビデオがダウンロードされているときに発生しますこれイベント
abort	このイベントは、オーディオとビデオの読み込みが終了したときに発生します
end	このイベントは、オーディオとビデオの再生が完了した後に発生します
エラー	このイベントは、オーディオとビデオが完了したときに発生します読み込みエラーが発生しましたイベント
pause	このイベントは、オーディオビデオが一時停止されている
play	ときに発生します。このイベントは、バッファリングまたは停止により一時停止された後、再生
playing	の準備ができたときに発生します。
ratechange	このイベントは、オーディオビデオの再生速度が変更されたときに発生します
seeked	このイベントは、ユーザーが移動したり、オーディオビデオ内の新しい位置にジャンプしたときに発生します
seeking	userこのイベントは、オーディオおよびビデオの新しい再生位置への移動またはジャンプを開始したときに発生します
stalled	このイベントは、ブラウザがメディアデータを取得しようとしたが、データが利用できない場合にトリガーされます
suspend	ブラウザは意図的にメディアを読み込まないこのイベントは、データが変更されるとトリガーされます
timeupdate	このイベントは、再生位置が変更されるとトリガーされます
volumechange	このイベントは、音量が変更されるとトリガーされます
waiting	このイベントは、バッファリングの必要性によりビデオが停止したときにトリガーされます。 HTML 5 でビデオプレーヤーを作成するための要素