HTML5 실제 전투 및 미디어 요소 분석(3. 미디어 요소의 이벤트 및 방법)

많은 속성을 갖는 것 외에도 HTML5의 미디어 요소, 비디오 태그 및 오디오 태그도 많은 이벤트와 메소드를 트리거할 수 있습니다. 이러한 방법은 미디어 재생의 결과 또는 사용자의 미디어 조작 결과일 수 있는 다양한 속성의 변경 사항을 모니터링합니다. 미디어 요소와 관련된 이벤트를 소개하는 것부터 시작하겠습니다.

　abort: 트리거는 다운로드가 중단되는 경우입니다.

Canplay: 재생이 가능할 때 ReadyState 값이 2일 때 발생합니다.

Canplaythrough: ReadyState 값이 3일 때 트리거됩니다. 트리거되면 중단 없이 재생을 계속할 수 있습니다.

Canshowcurrentframe: ReadyState 값이 1일 때 트리거됩니다. 현재 프레임이 다운로드되면 트리거됩니다.

dataunavailable: 데이터가 없어 재생할 수 없는 경우 ReadyState 값은 0입니다.

　durationchange: 기간 속성 값의 변경으로 인해 트리거되는 이벤트입니다.

　비워짐: 네트워크 연결이 끊어졌습니다.

비어 있음: 오류가 발생하여 미디어를 다운로드할 수 없습니다.

종료됨: 미디어가 끝까지 재생되고 재생이 중지됩니다(읽기 전용)

오류: 다운로드하는 동안 네트워크 오류가 발생했습니다.

로드: 트리거 시간에 모든 미디어가 로드되었습니다. 이 이벤트는 더 이상 사용되지 않을 수 있으므로 canplaythrough를 사용하는 것이 좋습니다.

로드된 데이터: 트리거 시간 미디어의 첫 번째 프레임이 로드되었습니다.

Loadedmetadata: 트리거 시간 미디어의 요소 데이터가 로드되었습니다.

Loadstart: 다운로드가 시작되었습니다.

일시중지: 미디어를 일시중지하는 방법입니다.

재생: 미디어 재생을 시작하는 방식입니다.

재생 중: 미디어가 실제로 재생을 시작했습니다.

진행 상황: 다운로드 중입니다.

ratechange: 미디어 재생 속도가 변경됩니다.

　seek: 검색이 끝났습니다.

구함: 새로운 곳으로 이사.

정지: 브라우저가 다운로드를 시도했지만 데이터를 수신하지 못했습니다.

볼륨 변경: 트리거 시간은 볼륨 속성 또는 음소거 속성 값이 변경된 시점입니다.

대기: 트리거 시간은 재생을 일시 중지하고 더 많은 데이터가 다운로드될 때까지 기다리는 것입니다.

HTML5의 실제 전투와 미디어 요소의 분석(3. 미디어 요소의 이벤트 및 방법)을 소개했습니다. 개발자가 매우 사용자 친화적인 미디어 재생을 원활하게 만들고 아무런 부담 없이 플래시 미디어를 교체할 수 있도록 하는 많은 이벤트가 있습니다. HTML5에 대한 더 많은 관련 지식과 콘텐츠를 보려면 Menglong Station의 관련 업데이트에 주목하시기 바랍니다.

위 내용은 HTML5 실제 전투 내용과 미디어 요소 분석(3. 미디어 요소의 이벤트 및 방식)에 대한 자세한 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고하시기 바랍니다. )!