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

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

Audio/Video

audio Audio

Src=”File Path”

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

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

Ogg mp3 wav

その他の属性:

autoplay

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

loop

ループ再生

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

リソース

Video:

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

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

loop

ループ再生

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

Width: 幅

Height: 高さ

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

Autoplay: 理解: マーク

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 サイトの他の関連記事に注目してください。

関連書籍:

Js を使用して HTTP Cookie を実装する方法

AJAX の一般的な構文とは何ですか

CSS 親子の使用方法

以上がH5 を使用してオーディオとビデオを操作する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。