English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 참조 가이드

HTML 태그 전체 목록

HTML 오디오/비디오 DOM textTracks 속성

HTMLMediaElement 객체의 읽기 전용 textTracks 속성은 TextTrackList 객체를 반환하며, 이 객체는 모든 미디어 요소 텍스트 트랙을 대표하는 TextTrack 객체를 나열합니다. 이 순서는 텍스트 트랙 목록의 순서와 같습니다.

 HTML 오디오/비디오 DOM 참조 가이드

온라인 예제

사용할 수 있는 텍스트 트랙의 수를 얻기:

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 오디오/video textTracks 속성 사용-기본 강의(oldtoolbag.com)</<title>
</<head>
<body>
<button onclick="getTextTracks()" type="button">사용할 수 있는 텍스트 트랙의 수를 얻기</button>
<br> 
<video id="video1" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <track src="demo_sub.vtt">
  귀하의 브라우저는 HTML을 지원하지 않습니다5 video 태그.
</video>
<script>
myVid=document.getElementById("video1");
function getTextTracks()
{ 
  alert(myVid.textTracks.length);
} 
</script>
</body>
</html>
테스트를 보고 보세요 ‹/›

정의 및 사용법

textTracks 속성은 TextTrackList 객체를 반환합니다.
TextTrackList 객체는 오디오를 대표합니다/비디오에서 사용할 수 있는 텍스트 트랙.
사용할 수 있는 각 텍스트 트랙은 TextTrack 객체로 나타냅니다.

브라우저 호환성

IEFirefoxOperaChromeSafari

Internet Explorer 10、Opera、Chrome 및 Safari 6 textTracks 속성을 지원합니다.

주의:Internet Explorer 9 및 이전 버전은 textTracks 속성을 지원하지 않습니다.

문법

audio|video.textTracks

반환 값

타입설명
TextTrackList 객체오디오를 나타냅니다/비디오에서 사용할 수 있는 텍스트 트랙.

TextioTrackList 객체:

  • length - 오디오를 얻습니다/비디오에서 사용할 수 있는 텍스트 트랙의 수

  • [index] - 인덱스 인덱스를 사용하여 TextTrack 객체를 얻습니다

주석:첫 번째 사용 가능한 텍스트 트랙의 인덱스 index 는 0입니다.

TextTrack 객체텍스트 트랙을 나타냅니다.

TextTrack 객체의 속성:

  • kind - 텍스트 트랙의 타입을 얻기("subtitles"、"caption"、"descriptions"、"chapters" 또는 "metadata")

  • label - 텍스트 트랙의 레이블을 얻기

  • language - 텍스트 트랙의 언어를 얻기

  • mode - 트랙이 활성인지 여부를 얻거나 설정합니다("disabled"|"hidden"|"showing")

  • cues - TextTrackCueList 객체의 cues 목록을 얻기

  • activeCues - 현재 활성 텍스트 트랙 cues를 TextTrackCueList 객체 형태로 얻기

  • addCue(cue) - cues 목록에 cue 추가

  • removeCue(cue) - cues 목록에서 cue 제거

 HTML 오디오/비디오 DOM 참조 가이드