English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
이音频 및 비디오 태그를 페이지에 추가한 후, 페이지에音频 파일이 없고 비디오 파일도 재생되지 않는다는 것을 발견할 수 있습니다. 이는 왜 이렇게 될까요? 이는 우리가 몇 가지 미디어 요소를 누락했기 때문입니다. 아래는 몇 가지 미디어 요소 목록입니다
HTML5 DOM은 <audio> 및 <video> 요소에 메서드, 속성 및 이벤트를 제공합니다.
이 메서드, 속성 및 이벤트는 JavaScript를 사용하여 <audio> 및 <video> 요소를操作할 수 있도록 합니다.
| 메서드 | 설명 |
| addTextTrack() | 오디오에/비디오에 새로운 텍스트 트랙을 추가합니다 |
| canPlayType() | 브라우저가 지정된 오디오를 재생할 수 있는지 확인합니다/비디오 유형 |
| load() | 오디오를 다시 로드합니다/비디오 요소 |
| play() | 오디오 재생을 시작합니다/비디오. |
| pause() | 현재 재생 중인 오디오를 일시 중지합니다/비디오. |
| 속성 | 설명 |
| audioTracks | 대표 가능한 오디오 트랙 목록을 담은 AudioTrackList 객체를 반환합니다. |
| autoplay | 로드가 완료되면 즉시 오디오를 재생할지 여부를 설정하거나 반환합니다/비디오. |
| buffered | 오디오를 반환합니다/비디오가 버퍼링된 부분의 TimeRanges 객체를 반환합니다. |
| controller | 오디오를 반환합니다/비디오의 현재 미디어 컨트롤러의 MediaController 객체. |
| controls | 오디오를 설정하거나 반환합니다/비디오가 제어판을 표시해야 하는지 여부를 반환합니다(예를 들어 재생)/정지 등). |
| crossOrigin | 오디오를 설정하거나 반환합니다/비디오의 CORS 설정. |
| currentSrc | 현재 오디오를 반환합니다/비디오의 URL. |
| currentTime | 오디오를 설정하거나 반환합니다/비디오의 현재 재생 위치(초로 계산) |
| defaultMuted | 오디오를 설정하거나 반환합니다/비디오 기본이 무음인지 여부를 반환합니다. |
| defaultPlaybackRate | 오디오를 설정하거나 반환합니다/비디오의 기본 재생 속도. |
| duration | 현재 오디오를 반환합니다/비디오의 길이(초로 계산) |
| ended | 오디오를 반환합니다/비디오의 재생이 끝났는지 여부를 반환합니다. |
| error | 오디오를 반환합니다/비디오의 오류 상태를 나타내는 MediaError 객체. |
| loop | 오디오를 설정하거나 반환합니다/비디오가 끝나면 다시 재생되어야 하는지 여부를 반환합니다. |
| mediaGroup | 오디오를 설정하거나 반환합니다/비디오가 속한 그룹(여러 오디오를 연결하는 데 사용)/비디오 요소). |
| muted | 오디오를 설정하거나 반환합니다/비디오가 무음인지 여부를 반환합니다. |
| networkState | 오디오를 반환합니다/비디오의 현재 네트워크 상태. |
| paused | 오디오를 설정하거나 반환합니다/비디오가 중지되었는지 여부를 반환합니다. |
| playbackRate | 오디오를 설정하거나 반환합니다/비디오 재생 속도. |
| played | 오디오를 반환합니다/비디오가 재생된 부분의 TimeRanges 객체를 반환합니다. |
| preload | 오디오를 설정하거나 반환합니다/비디오가 페이지 로드 후에 로드되어야 하는지 여부를 반환합니다. |
| readyState | 오디오를 반환합니다/비디오의 현재 준비 상태를 반환합니다. |
| seekable | 오디오를 반환합니다/비디오의 탐색 가능한 부분의 TimeRanges 객체를 반환합니다. |
| seeking | 사용자가 오디오 중에 있는지 반환합니다/비디오에서 검색합니다. |
| src | 오디오를 설정하거나 반환합니다/비디오 요소의 현재 소스. |
| startDate | 현재 시간 오프셋을 나타내는 Date 객체를 반환합니다. |
| textTracks | 가용 텍스트 트랙의 TextTrackList 객체를 반환합니다. |
| videoTracks | 가용 비디오 트랙의 VideoTrackList 객체를 반환합니다. |
| volume | 오디오를 설정하거나 반환합니다/비디오의 볼륨. |
| 이벤트 | 설명 |
| abort | 오디오/비디오의 로드가 포기되면 트리거됩니다. |
| canplay | 브라우저가 오디오를 재생할 수 있을 때 트리거됩니다./비디오 |
| canplaythrough | 브라우저가 버퍼링 없이 재생할 수 있을 때 트리거됩니다. |
| durationchange | 오디오/비디오의 길이가 변경되면 트리거됩니다. |
| emptied | 현재 재생 목록이 비어 있을 때 트리거됩니다. |
| ended | 현재 재생 목록이 끝나면 트리거됩니다. |
| error | 오디오/비디오 로드 중에 오류가 발생할 때 |
| loadeddata | 브라우저가 오디오를 로드했을 때/비디오의 현재 프레임이 발생할 때 |
| loadedmetadata | 브라우저가 오디오를 로드했을 때/비디오의 메타데이터가 발생할 때 |
| loadstart | 브라우저가 오디오를 찾기 시작할 때/비디오 |
| pause | 오디오/비디오가 일시 중지되었을 때 |
| play | 오디오/비디오가 시작되었거나 더 이상 일시 중지되지 않았을 때 발생합니다. |
| playing | 오디오/비디오가 버퍼링으로 인해 일시 중지되거나 멈춘 후 준비가 되었을 때 발생합니다. |
| progress | 브라우저가 오디오를 다운로드 중일 때/비디오 |
| ratechange | 오디오/비디오의 재생 속도가 변경되었을 때 발생합니다. |
| seeked | 사용자가 이동했을 때/오디오로 이동/비디오 중 새 위치가 발생할 때 발생합니다. |
| seeking | 사용자가 시작할 때/오디오로 이동/비디오 중 새 위치가 발생할 때 발생합니다. |
| stalled | 브라우저가 미디어 데이터를 가져오려고 했지만 데이터가 사용할 수 없을 때 발생합니다. |
| suspend | 브라우저가 의도적으로 미디어 데이터를 가져오지 않았을 때 발생합니다. |
| timeupdate | 현재 재생 위치가 변경되었을 때 발생합니다. |
| volumechange | 음량이 변경되었을 때 발생합니다. |
| waiting | 비디오가 다음 프레임을 버퍼링하기 위해 멈추었을 때 발생합니다. |