• 회원가입
  • 로그인
  • 구글아이디로 로그인

[media] HTML - <track> 태그 - 미디어트랙정보 (= track태그 = 트랙태그)</tr>

목차

  1. <track> 예제 - 미디어 트랙 정보
  2. <track> 정의
  3. <track> 속성

 

<track> 예제 - 미디어 트랙 정보


<video width="320" height="50" controls>
  <source src="homzzang.mp4" type="video/mp4">
  <source src="homzzang.ogg" type="video/ogg">
  <track src="homzzang_ko.vtt" kind="subtitles" srclang="ko" label="Korean" default>
  <track src="homzzang_en.vtt" kind="subtitles" srclang="en" label="English">
</video>

 

<track> 정의

 

<audio>나 <video>태그 같은 미디어 태그 내에서,
해당 파일이 재생되는 동안 보여줄 트랙 정보를 불러올 때 사용.

 


 

1. 

IE 10 등 주요 최신 브라우저 지원.

2. 

HTML5에 새로 도입

 

 

<track> 속성

 속성  속성값  의미  비고
 default  default  유저의 특별한 선택이 없는 한, 기본으로 보여줄 트랙 내용  HTML5
 kind  captions
 chapters
 descriptions
 metadata
 subtitles
 문자열 트랙 정보 종류  HTML5
 label  text 문자열  문자열 트랙 제목  HTML5
 src  URL 주소  필수 속성. 트랙 파일의 주소 명시  HTML5
 srclang  언어코드  트랙 문자열 데이터의 언어 종류 명시 (※ kind=subtitles 경우, 필수 속성)  HTML5
<track> 태그는 전역속성과 이벤트속성 지원.
방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
media HTML - <audio> 태그 ★ - 음성파일재생 (= audio태그 = 오디오태그)
media HTML - <source> 태그 - 미디어소스 불러오기 (= source태그 = 소스태그)
media HTML - <track> 태그 - 미디어트랙정보 (= track태그 = 트랙태그)</tr>
media HTML - <video> 태그 ★ - 영상재생 (= video태그 = 비디오태그) ※ 영상파일형식별로 브…
목록
찾아주셔서 감사합니다. Since 2012