ホームページ > 記事 > ウェブフロントエンド > H5 を使用してオーディオとビデオを操作する方法

H5 を使用してオーディオとビデオを操作する方法

HTML5 でオーディオとビデオを操作できることは多くの友人が知っています。今日は、H5 を使用してオーディオとビデオを操作する方法を説明します。以下は小さなケースです。一緒に見てみましょう

Audio/Video

audio Audio

b97864c2e0ef2353a16c4d64c7734e9281d2bc32cafa2076a27f10cdd878d0ab

Src=”File Path”

controls 属性は、ブラウザーがオーディオの再生を提供する必要がありますControl

オーディオファイルのサポートされる形式:

Ogg mp3 wav

その他の属性:

この属性が表示される場合、オーディオは準備が整うとすぐに再生されます。

loop

ループ再生

この属性が存在する場合、オーディオが終了するたびに再生が再開されます。

e02da388656c3265154666b7c71a8ddc055a816595e1cf5e4b7c6fe05c404a6c リソース

Video:

<video src="movie.ogg" controls="controls">
</video>
autoplay

この属性が存在する場合、オーディオは準備が整うとすぐに再生されます。

loop

ループ再生

この属性が存在する場合、オーディオが終了するたびに再生が再開されます。

Width: 幅

Height: 高さ

通常、ビデオ再生のプロパティを操作するには js を使用します:

Autoplay: 理解: マーク 9fdfcee5c6717a6c49414efd17ca7868

Js を使用してオーディオ/ビデオ再生ステータスを制御します:

currentTime ビデオの現在時刻を取得または設定します

duration 現在のビデオまたはオーディオの合計時間を返します（秒）

end ビデオオーディオが終了するかどうか

error object: コードを使用して、mediaerror オブジェクトを返しますエラーメッセージを識別するための属性

video.error.code

1. ユーザーが終了しました media_drr_aborted

2. ネットワークエラー media_drr_network

3. デコードエラー media_drrdecode

4. 無効な URL media_drr_src_not_supported

ミュートミュートするかどうかミュートtrue ミュート解除 false

Play() Play

Pause() Pause

これらのケースを読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。