HTML5 중간 -TV 오디오 사용에 대한 자세한 설명

일반적인 비디오 형식

• 비디오 구성 요소 : 화면, 오디오, 인코딩 형식
• 비디오 코딩 : H.264, Theora, VP8 (Google 오픈 소스)

HTML5는 비디오 형식을 지원합니다.

1. OGG

Theora 비디오 코딩+Vorbis 오디오 인코딩이있는 OGG 파일

지원되는 브라우저 : F, C, O.

2. MEPG4

H.264 비디오 인코딩+AAC 오디오 인코딩이있는 MPEG4 파일

지원되는 브라우저 : S, c

3, 웹

VP8 비디오 인코딩+vorbis 오디오 인코딩이있는 Webm 형식

지원되는 브라우저 : i, f, c, o

단점 : 비디오가 거의없고, 트랜스 코더가 거의없고, 트랜스 코딩에 적합하지 않습니다.

동영상을 원한다면 Slow Afrish Div의 크기를 자동으로 채울 수 있습니다

비디오 형식을 지정합니다.

 <video id = media src = examp.mp4 너비 = 500 포스터 = examp1.jpg> 브라우저가 지원하지 않습니다. 비디오 </video>

다양한 비디오 형식이 주어지면 어떤 유형의 브라우저가 자체 학위에 따라 재생하기로 선택합니다.

 <video controls = controls> <소스 src = 1.mp4 type = video/mp4/> // src 속성 소스 태그에 쓰기, 비디오 유형 유형을 지정하려면 mp4는 type = video/mp4 <소스입니다. src = 2.gg type = video/oogg/> // ogg 형식 <소스 src = 3.webm type = video/webm/> // webm format </vidue>

API 속성

• 기간 : 현재 오디오/비디오의 길이를 반환합니다 (초)
• 일시 중지 : 오디오/비디오를 설정하거나 반환할지 여부
• 현재 시간 : 오디오/비디오에서 현재 재생 위치를 설정하거나 반환합니다 (초)
• 종료 : 오디오/비디오의 재생이 끝났는지 여부

1.4.1 비디오 방법

일반적인 방법

• 재생 () : 오디오/비디오 재생을 시작하십시오
• pause () : 현재 오디오/비디오를 중단하십시오

1.4.2 네트워크 상태

비디오 객체를 얻으십시오

 미디어 = document.getElementById (미디어);

1.media.currentsrc;

현재 리소스의 URL로 돌아갑니다

2.media.src = 값;

현재 리소스의 URL을 반환하거나 설정합니다

3.media.canplaytype (유형);

특정 형식 리소스를 재생할 수 있습니까?

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.eeking;

당신이 찾고 있는지 여부

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 = 값; // 볼륨
• media.muted = value;
• 타이머 (지역) 물체
• 타이머. 길이; // 지역 단락
• Timeranges.Start (Index) // 인덱스 섹션 영역의 시작 위치
• TIMERANGES.END (Index) // 인덱스 섹션 영역의 끝

1.4.6 관련 이벤트

1. 우선 JS의 addeventListener 메소드를 통해 이벤트를 바인딩 할 수 있습니다.

2. 일반적인 사건

• Oncanplay : 파일이 준비되었을 때 실행되는 스크립트 (버퍼가 처음에 충분합니다).
• ontimeupdate : 재생 위치가 변경 될 때 스크립트가 실행됩니다 (예 : 사용자가 매체에서 다른 위치를 입력하려고하는 경우).
• ONENDEND : 미디어가 끝났을 때 실행되는 스크립트 (보기 덕분에 메시지를 보낼 수 있음).

1.4.7 기타

1. 전체 화면 :

• element.webkitrequestfulscreen ();
• 요소 .mozrequestfulscreen ();
• 요소 .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.

음악 형식 지원

오디오는 새로 만들 수 있습니다. documens를 사용하여 얻을 수도 있습니다

 // new new 通过 audio var var music = new Audio (test.mp3); // 通过 문서 来获取已经存在的 오디오 var music = document.getElementById (Audio); // 当然这里也可以使用 문서 .getElementsByClassName ( 'className')과 같은 다른 방법을 얻으십시오.

우선, JS의 addeventristener 메소드를 통해 이벤트를 바인딩 할 수 있습니다.

실제로 비디오의 API와 오디오는 거의 일관성이 있습니다. 조금 다릅니다. 따라서 기본적으로 다른 사람들 중 하나가있을 것입니다

위의 내용은이 기사의 내용이 모든 사람의 학습이나 작업에 도움이되기를 바랍니다.