JavaScript強化チュートリアル——音声・動画

この記事は、H5EDU 組織の公式 HTML5 トレーニング チュートリアルです。主に以下を紹介します。 JavaScript 拡張チュートリアル - オーディオ/ビデオ

HTML5 オーディオ/ビデオ メソッド
メソッドの説明
addTextTrack() オーディオ/ビデオに新しいテキスト トラックを追加します
canPlayType( ) ブラウジングを検出 ブラウザーが指定されたオーディオ/ビデオ タイプを再生できるかどうか
load() audio/video 要素をリロードする
play() オーディオ/ビデオの再生を開始する
pause() 現在再生中のオーディオ/ビデオを一時停止する
HTML5 オーディオ/ビデオ属性
属性の説明
audioTracks 利用可能なオーディオ トラックを表す AudioTrackList オブジェクトを返します
autoplay 読み込み完了後にすぐにオーディオ/ビデオを再生するかどうかを設定または返します
buffered オーディオ/ビデオのバッファリングされた部分を表す TimeRanges オブジェクトを返します
controllerオーディオ/ビデオ オブジェクトの現在のメディア コントローラーを表す MediaController
controls オーディオ/ビデオにコントロール (再生/一時停止など) を表示するかどうかを設定または返します
crossOrigin オーディオ/ビデオの CORS 設定を設定または返します
currentSrc は現在のオーディオ/ビデオの URL
currentTime オーディオ/ビデオの再生位置の現在の値 (秒単位) を設定または返します
defaultMuted オーディオ/ビデオがデフォルトでミュートされるかどうかを設定または返します
defaultPlaybackRate オーディオ/ビデオのデフォルトの再生速度を設定または返しますaudio/video
duration 現在のオーディオ/ビデオの長さ (秒単位) を返します。
ended オーディオ/ビデオを返します。再生が終了したかどうかを返します。
error オーディオ/ビデオのエラー ステータスを表す MediaError オブジェクトを返します。
loop 再生が終了したかどうかを設定または返します。オーディオ/ビデオは最後に再生する必要があります
mediaGroup オーディオ/ビデオが属するグループを設定または返します (複数のオーディオ/Video 要素を接続するために使用されます)
muted オーディオ/ビデオがミュートされているかどうかを設定または返します
networkState は現在の状態を返しますオーディオ/ビデオのネットワークステータス
paused オーディオ/ビデオが一時停止されているかどうかを設定または返します
playbackRate オーディオ/ビデオの再生速度を設定または返します
played はビデオの再生部分のオーディオ/TimeRanges オブジェクトを返します
preload 設定またはページがロードされた後にオーディオ/ビデオをロードする必要があるかどうかを返します
readyState オーディオ/ビデオの現在の準備状態を返します
seekable オーディオ/ビデオのアドレス指定可能な部分を表す TimeRanges オブジェクトを返します
seeking ユーザーが検索しているかどうかを返しますaudio/video
src オーディオ/ビデオ要素の現在のソースを設定または返します
startDate 現在のタイム オフセットを表す Date オブジェクトを返します
textTracks 利用可能なテキスト トラックを表す TextTrackList オブジェクトを返します
videoTracks 利用可能なビデオ トラックを表す VideoTrackList オブジェクト
volume を設定または返しますオーディオ/ビデオの音量を返します
HTML5 オーディオ/ビデオ イベント
イベントの説明
abort オーディオ/ビデオの読み込みが中止されたとき
canplay ブラウザがオーディオ/ビデオを再生できるとき
canplaythrough ブラウザがオーディオ/ビデオを再生できるとき
canplaythrough ブラウザが再生できるときバッファリングによる一時停止中
durationchange オーディオ/ビデオの長さが変更された場合
emptied 現在のプレイリストが空の場合
end 現在のプレイリストが終了した場合
error オーディオ/ビデオのとき 読み込み中にエラーが発生した場合
loadeddataブラウザがオーディオ/ビデオの現在のフレームをロードしました
loadedmetadata ブラウザがオーディオ/ビデオのメタデータをロードしたとき
loadstart ブラウザがオーディオ/ビデオの検索を開始したとき
pause オーディオ/ビデオが一時停止されたとき
playオーディオ/ビデオが開始された、または一時停止が解除されたとき
再生中 バッファリングにより一時停止または停止された後、オーディオ/ビデオの準備ができたとき
進行状況 ブラウザがオーディオ/ビデオをダウンロードしているとき
ratechange オーディオ/ビデオの再生速度が低下したときビデオが変更されました
seeked ユーザーがオーディオ/ビデオ内の新しい位置に移動/ジャンプしたとき
seeking ユーザーがオーディオ/ビデオの新しい位置に移動/ジャンプを開始したとき
stalled ブラウザがメディア データがあるが、データが利用できない場合
suspend ブラウザが意図的にメディア データを取得しない場合
timeupdate 現在の再生位置が変更された場合
volumechange 音量が変更された場合

waiting バッファリングの必要性によりビデオが停止した場合次のフレーム🎜