HTML5 Medium -TVオーディオの使用の詳細な説明

一般的なビデオ形式

• ビデオのコンポーネント：画面、オーディオ、エンコード形式
• ビデオコーディング：H.264、Theora、VP8（Google Open Source）

HTML5はビデオ形式をサポートしています。

1。Ogg

Theoraビデオコーディング+Vorbisオーディオエンコーディングを備えたOGGファイル

サポートされているブラウザ：F、C、O

2。MEPG4

H.264ビデオエンコード+AACオーディオエンコーディングを備えたMPEG4ファイル

サポートされているブラウザ：S、c

3、webm

VP8ビデオエンコード+Vorbisオーディオエンコーディングを使用したWebM形式

サポートされているブラウザ：i、f、c、o

短所：ほとんどのビデオ、ほとんどトランスコダーがなく、トランスコーディングに適していない

ビデオが必要な場合は、ゆっくりとした父親のサイズを自動的に埋めることができます

ビデオ形式を指定します。

 <ビデオID = Media SRC = Examp.MP4 width = 500 Poster = examp1.jpg>ブラウザはビデオをサポートしていません</video>

さまざまなビデオ形式を考えると、どのタイプのブラウザが独自の程度に応じて再生することを選択しますか

 <ビデオコントロール=コントロール> <ソースSRC = 1.mp4タイプ=ビデオ/mp4/> // srcプロパティソースタグで書き込み、たとえば、mp4はtype = video/mp4 <sourceです。 src = 2.ggタイプ=ビデオ/ogg/> // ogg形式<ソースsrc = 3.webm type = video/webm/> // webm format </video>

API属性

• 期間：現在のオーディオ/ビデオの長さ（秒）を返します
• 一時停止：一時停止するかどうかをオーディオ/ビデオを設定または返します
• 現在の時間：オーディオ/ビデオの現在の再生位置を設定または返します（秒単位）
• 終了：オーディオ/ビデオの再生が終了したかどうか

1.4.1ビデオ方法

一般的な方法

• play（）：オーディオ/ビデオの再生を開始します
• Pause（）：現在のオーディオ/ビデオを一時停止します

1.4.2ネットワークステータス

ビデオオブジェクトを取得します

Media = document.getElementById（Media）;

1.media.currentsrc;

現在のリソースのURLに戻ります

2.media.src = value;

現在のリソースのURLを返したり設定したりします

3.media.canplayType（type）;

特定のフォーマットリソースを再生できますか

4.media.networkState;

0.この要素は初期化されていません

1。通常はネットワークを使用していません

2。データをダウンロードします

3.リソースなし

5.media.load（）;

SRCによって指定されたリソースを再ロードします

6.Media.Buffered;

バッファ領域、タイマーに戻ります

7.media.preload;

なし：プリロードではありません

メタデータ：リソース情報をプリロードします

オート：

1.4.3準備ステータス

1.Media.ReadyState

2.Media.seeking;

あなたが探しているかどうか

1.4.4ステータスの再生

1.media.currenttime = value;

現在のプレイポジションは位置に変更できます

2.media.starttime;

一般に0、それがストリームメディアまたは0から開始されないリソースの場合、0ではありません

3.media.duration;

現在のリソースの長さは無制限に戻ります

4.media.paused;

一時停止するかどうか

5.media.defaultplaybackrate = value;

デフォルトの再生速度では、セットアップできます

6.media.playbackrate = value;

現在の再生速度は、設定後すぐに変更されます

7.media.played;

再生された領域に戻る、タイマー、このオブジェクトに関する以下のオブジェクトを参照してください

8.Media.Seekable;

探すことができるエリアに戻ります

9.media.nded;

終了するかどうか

10.media.autoplay;

自動的に再生するかどうか

11.media.loop;

循環するかどうか

12.media.play（）;

遊ぶ

13.media.pause（）;

一時停止

1.4.5ビデオコントロール

• Media.Controls; //デフォルトのコントロールバーがあります
• media.volume = value;
• media.muted = value;
• Timeranges（領域）オブジェクト
• Timeranges.length; //地域段落
• Timeranges.start（index）//インデックスセクション領域の開始位置
• Timeranges.End（index）//インデックスセクション領域の終わり

1.4.6関連イベント

1.まず、JSのAddEventListenerメソッドを介してイベントをバインドできます

2。一般的なイベント

• oncanplay：ファイルの準備ができたときに実行されるスクリプト（最初はバッファで十分です）。
• OnTimeUpDate：再生位置が変更されたときにスクリプトが実行されます（ユーザーがメディア内の別の位置に入ろうとしているときなど）。
• 承認：メディアが終了に達したときに実行されるスクリプト（表示のおかげなどのメッセージを送信できます）。

1.4.7その他

1。フルスクリーン：

• element.webkitrequestfulscreen（）;
• element.mozrequestfulscreen（）;
• element.requestfulscreen（）;

2。フル画面を終了します：

• document.webkitcanceltscreen（）;
• document.mozcanceltscreen（）;
• document.exitfulscreen（）;

1。一般的なオーディオ形式

オーディオコーディング：ACC、MP3、Vorbis

2。HTML5はオーディオ形式をサポートしています。

• OGG無料ブラウザ：C、F、O
• MP3充電ブラウザ：I、C、S
• WAV充電ブラウザ：F、O、S

音楽形式のサポート

オーディオは新規で作成できます。ドキュメンを使用して取得することもできます

//新しい关键字来创建オーディオ对象var music = new audio（test.mp3）; //通过document .getElementsByClassName（ 'className'）などの他のメソッドを取得します。

まず第一に、JSのAddEventristenerメソッドを使用してイベントをバインドできます

実際、ビデオのAPIとオーディオはほぼ一貫しています。少し違う。したがって、基本的には他の1人がそこにいます

上記は、この記事のコンテンツがすべての学習や仕事をするのに役立つことを願っています。