HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML 오디오/비디오 DOM addTextTrack() 메서드

HTML 오디오/비디오 DOM addTextTrack() 메서드 사용 방법, HTML 오디오 사용 방법에 대한 온라인 예제/비디오 DOM addTextTrack() 메서드, 브라우저의 호환성, 문법 정의 및 속성 값 자세한 정보 등.

　HTML 오디오/비디오 DOM 참조 매뉴얼

온라인 예제

비디오에 새로운 텍스트 트랙 추가:

예제

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 오디오/video addTextTrack() 메서드 사용-기본 강의(oldtoolbag.com)</<title>
</<head>
<body>
<button onclick="addNewTextTrack()" type="button">새로운 텍스트 트랙 추가：</button>
<br>　
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　당신의 브라우저는 HTML을 지원하지 않습니다5　video 태그.
</video>
<script>
myVid=document.getElementById("video1);
function addNewTextTrack()
{　
　　text1=myVid.addTextTrack("caption");
　　text1.addCue(new TextTrackCue("Test text", 01.000, 04.000,"","","",true));
}　
</script>　
</body>
</html>

테스트를 보세요 ‹/›

정의와 사용법

addTextTrack() 메서드가 새로운 TextTrack 객체를 생성하고 반환합니다.
새로운 TextTrack 객체가 오디오/비디오 요소의 텍스트 트랙 목록에 추가됩니다.

브라우저 상호 운용성

IEFirefoxOperaChromeSafari

모든 주요 브라우저는 addTextTrack() 메서드를 지원하지 않습니다.

문법

audio|video.addTextTrack(kind,label,language)

파라미터

값	설명
kind	텍스트 트랙의 타입을 지정합니다. 가능한 값: "subtitles" "caption" "descriptions" "chapters" 　"metadata"
label	문자열 값, 텍스트 트랙에 레이블을 지정합니다. 사용자가 텍스트 트랙을 식별하는 데 사용됩니다.
language	2자리 언어 코드를 참조하세요. 텍스트 트랙의 언어를 지정합니다. 모든 사용 가능한 언어 코드를 확인하려면, 우리의 언어 코드 참조 매뉴얼。

반환 값

타입	설명
TextTrack 객체	새로운 텍스트 트랙을 나타냅니다.

　HTML 오디오/비디오 DOM 참조 매뉴얼

HTML: <template> 태그