JavaScript 강화 튜토리얼——오디오/비디오

이 글은 H5EDU 조직의 공식 HTML5 교육 튜토리얼입니다. 주로 다음 내용을 소개합니다: JavaScript 향상 튜토리얼 - 오디오/비디오

HTML5 오디오/비디오 방법
방법 설명
addTextTrack() 오디오/비디오 새 텍스트 트랙
canPlayType()은 브라우저가 지정된 오디오/비디오 유형을 재생할 수 있는지 여부를 감지합니다.
load()는 오디오/비디오 요소를 다시 로드합니다.
play()는 오디오/비디오 재생을 시작합니다.
pause( ) 현재 재생 중인 오디오/비디오를 일시 중지합니다.
HTML5 오디오/비디오 속성
속성 설명
audioTracks 사용 가능한 오디오 트랙을 나타내는 AudioTrackList 객체를 반환합니다.
autoplay 오디오/비디오 재생 여부를 설정하거나 반환합니다. 로딩이 완료된 직후
버퍼는 오디오/비디오의 버퍼링된 부분을 나타내는 TimeRanges 객체를 반환합니다.
컨트롤러는 오디오/비디오의 현재 미디어 컨트롤러를 나타내는 MediaController 객체를 반환합니다.
컨트롤은 오디오가 오디오인지 여부를 설정하거나 반환합니다. /video는 재생/일시 중지 등의 컨트롤을 표시합니다.
crossOrigin은 오디오/비디오의 CORS 설정을 설정하거나 반환합니다.
currentSrc는 현재 오디오/비디오의 URL을 반환합니다.
currentTime은 오디오/비디오의 현재 재생 위치(초)
defaultMute 설정 또는 오디오/비디오가 기본적으로 음소거되었는지 여부를 반환합니다.
defaultPlaybackRate 오디오/비디오의 기본 재생 속도를 설정하거나 반환합니다.
기간 반환 현재 오디오/비디오의 길이(초)
ended 오디오/비디오 재생이 완료되었는지 여부를 반환합니다. End
error 오디오/비디오 오류 상태를 나타내는 MediaError 개체를 반환합니다.
loop 설정 또는 반환 오디오/비디오가 마지막에 재생되어야 하는지 여부
mediaGroup 오디오/비디오가 속한 그룹을 설정하거나 반환합니다(여러 오디오/비디오 요소를 연결하는 데 사용됨)
음소거 세트 또는 오디오/비디오가 재생되는지 여부를 반환합니다. muted
networkState는 오디오/비디오의 현재 네트워크 상태를 반환합니다.
paused 세트 또는 오디오/비디오의 일시 중지 여부를 반환합니다.
playbackRate는 오디오/비디오 재생 속도를 설정하거나 반환합니다.
played는 TimeRanges 객체를 반환합니다. 오디오/비디오의 재생된 부분을 나타냅니다.
미리 로드 세트 또는 페이지가 로드된 후 오디오/비디오를 로드해야 하는지 여부를 반환합니다.
readyState는 오디오/비디오의 현재 준비 상태를 반환합니다.
seekable은 TimeRanges를 반환합니다. 오디오/비디오의 주소 지정 가능한 부분을 나타내는 객체
seeking은 사용자가 오디오/비디오에서 검색하고 있는지 여부를 반환합니다.
src는 오디오/비디오 요소의 현재 소스를 설정하거나 반환합니다.
startDate는 표현 Date 객체를 반환합니다. 현재 시간 오프셋의
textTracks 사용 가능한 텍스트 트랙을 나타내는 TextTrackList 객체를 반환합니다.
videoTracks 사용 가능한 비디오 트랙을 나타내는 VideoTrackList 객체를 반환합니다.
volume 오디오/비디오의 볼륨을 설정하거나 반환합니다.
HTML5 오디오/비디오 이벤트
이벤트 설명
abort 오디오/비디오 로딩이 중단된 경우
canplay 브라우저에서 오디오/비디오를 재생할 수 있는 경우
canplaythrough 브라우저가 버퍼링으로 인해 일시 정지 없이 진행할 수 있는 경우 재생 시
🎜>durationchange 오디오/비디오의 지속 시간이 변경되었을 때
현재 재생 목록이 비어 있으면 비워짐
현재 재생 목록이 종료되면 종료됨
오디오/비디오를 로드하는 중 오류가 발생했을 때
loadeddata 브라우저가 오디오/비디오의 현재 프레임을 로드했을 때
loadedmetadata 브라우저가 오디오/비디오의 메타데이터를 로드했을 때
loadstart 브라우저가 오디오/비디오를 찾기 시작할 때
일시 중지 오디오/비디오가 일시 중지되었습니다.
오디오/비디오가 시작되었거나 더 이상 일시 중지되지 않은 경우 재생
버퍼링으로 인해 일시 중지되거나 중지된 후 오디오/비디오가 준비되면 재생
탐색 시 진행 상황 다운로더가 오디오/비디오를 다운로드하는 중
ratechange 오디오/비디오의 재생 속도가 변경되었을 때
탐색 사용자가 오디오/비디오에서 새 위치로 이동/점프했을 때
탐색 사용자가 이동/점프를 시작했습니다. 오디오/비디오에서 새로운 위치에 도달했을 때
멈췄습니다. 브라우저가 미디어 데이터를 가져오려고 시도했지만 데이터를 사용할 수 없는 경우
일시 중지 브라우저가 의도적으로 미디어 데이터를 가져오지 못한 경우
timeupdate 현재 재생 위치가 변경되었을 때
volumechange 볼륨이 변경되었을 때
대기 다음 프레임을 버퍼링해야 해서 영상이 정지되었을 때