html5 트랙 태그는 무엇을 의미하나요? HTML5 트랙 태그 사용 방법 소개

이 글에서는 html5 트랙 태그의 정의와 사용 방법을 소개하고, html5 트랙 태그의 선택적 속성에 대한 설명을 모두가 주의 깊게 읽어보시기 바랍니다.

html5 트랙 태그의 정의 및 사용법:

9bf7cbf2c39baa37076a22499de2f6ed 태그는 비디오 요소와 같은 미디어에 대한 외부 텍스트 트랙을 지정합니다.

은 미디어 재생 시 표시되는 텍스트가 포함된 자막 파일이나 기타 파일을 지정하는 데 사용됩니다.

html59bf7cbf2c39baa37076a22499de2f6ed 태그 선택 속성:

• default: 기본 트랙. (값: 기본값). 기본 속성은 사용자가 다른 자막 파일을 사용하도록 선택하지 않은 경우 현재 트랙 파일을 사용할 수 있음을 브라우저에 알리는 데 사용됩니다.

• kind: 텍스트 유형 텍스트 트랙(값: 캡션, 장, 설명, 메타데이터, 자막) kind 속성은 자막 파일(즉, 자막, 장 제목, 설명 텍스트 또는 메타데이터를 저장하는 데 사용되는 파일)의 유형을 지정하는 데 사용됩니다. kind 속성에 지정할 수 있는 속성값은 자막, 캡션, 설명, 챕터, 메타데이터입니다

• label: 텍스트 트랙의 라벨 및 제목(값 : 텍스트).

• src: 트랙 파일의 URL, 필수 속성(값: URL). src 속성은 자막 파일의 저장 경로를 지정하는 데 사용됩니다. 이 속성은 반드시 사용해야 하는 속성입니다. src 속성의 속성 값은 절대 URL 경로 또는 상대 URL 경로일 수 있습니다.

• srclang: 트랙 텍스트 데이터를 위한 언어입니다. (값: 언어_코드). srclang 속성은 자막 파일의 언어를 지정하는 데 사용됩니다. 예를 들어 srclang="en" 및 srclang="zh-cn"은 자막 파일이 각각 영어와 중국어임을 나타냅니다.

9bf7cbf2c39baa37076a22499de2f6ed 태그는 html 전역 속성과 html 이벤트 속성을 지원합니다.

html5 트랙 태그 형식: #🎜🎜 태그 example #html5의 Track 객체

Track 객체는 HTML5의 새로운 기능입니다.

Track 개체는 HTML5 9bf7cbf2c39baa37076a22499de2f6ed 요소를 나타냅니다.

html5에서 Track 개체에 액세스

getElementById()를 사용하여 9bf7cbf2c39baa37076a22499de2f6ed 요소에 액세스할 수 있습니다.

<track src="URL">

Track 개체 만들기

document.createElement() 메서드를 사용하여 9bf7cbf2c39baa37076a22499de2f6ed 요소를 만들 수 있습니다.

<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en"
label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no"
label="Norwegian">
</video>

html5 트랙 태그 사용 방법 소개: #🎜 🎜#

track 요소는 video 요소를 사용하여 재생되는 비디오 또는 audio 요소를 사용하여 재생되는 오디오에 자막, 제목 또는 챕터와 같은 텍스트 정보를 추가할 수 있습니다. 트랙 요소를 사용하여 비디오에 자막을 추가하는 과정은 오디오에 자막을 추가하는 과정과 동일합니다. track 요소는 video 요소의 하위 요소이며 9bf7cbf2c39baa37076a22499de2f6ed 태그는 video 요소의 시작 태그와 종료 태그 사이에 작성되어야 합니다. e02da388656c3265154666b7c71a8ddc 태그를 사용하여 미디어 파일을 설명하는 경우 9bf7cbf2c39baa37076a22499de2f6ed 태그를 e02da388656c3265154666b7c71a8ddc 트랙 요소는 시작 태그와 종료 태그 사이에 내용이 포함되지 않은 빈 요소입니다.

브라우저 지원

Internet Explorer 10, Chrome 및 Opera에서는 9bf7cbf2c39baa37076a22499de2f6ed 태그를 지원합니다.

HTML 4.01과 HTML 5의 차이점

9bf7cbf2c39baa37076a22499de2f6ed 태그는 HTML 5의 새로운 태그입니다. 【편집자 관련 추천】

html 포함 태그 사용법에 대한 자세한 설명(사용 예 포함)

#🎜🎜 #

html5 테이블 태그 스타일 소개(html5 테이블 CSS 센터링 예시 포함)

위 내용은 html5 트랙 태그는 무엇을 의미하나요? HTML5 트랙 태그 사용 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!