html5에서 새 텍스트 트랙을 만들고 반환하는 방법-H5 튜토리얼-php.cn

html5에서 새 텍스트 트랙을 만들고 반환하는 방법

黄舟

풀어 주다： 2017-11-07 11:15:29

원래의

2099명이 탐색했습니다.

Example

Video에 새 텍스트 트랙 추가:

text1=myVid.addTextTrack("caption");
text1.addCue(new TextTrackCue("Test text", 01.000, 04.000,"","","",true));

로그인 후 복사

Definition and Usage

addTextTrack() 메소드는 새 텍스트 트랙을 생성하고 반환합니다.

새로운 TextTrack object가 비디오/오디오 요소의 텍스트 트랙 목록에 추가됩니다.

브라우저 지원

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

Syntax

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

로그인 후 복사

Parameters

Value	Description
kind	텍스트 트랙의 유형을 지정합니다. 가능한 값: "자막" "캡션" "설명" "장" "메타데이터"
라벨	String텍스트 트랙의 레이블을 지정하는 값입니다. 사용자의 텍스트 트랙을 식별하는 데 사용됩니다.
언어	텍스트 트랙의 언어를 지정하는 두 글자 언어 코드입니다. 사용 가능한 모든 언어 코드를 보려면 언어 코드 참조 매뉴얼을 참조하세요.

반환 값

유형	설명
TextTrack 개체	새 텍스트 트랙을 나타냅니다.

예:

<!DOCTYPE html> 
<html> 
<body> 
<button onclick="myFunction()" type="button">添加新字幕</button>
<br>
<video id="video1" width="480" height="270" controls="controls"> 
<source src="material/sample.mp4" type="video/mp4"/> 
<source src="material/sample.ogv" type="video/ogg"/>你的浏览器不支持HTML5 video.</video>
<script>var vid = document.getElementById("video1");
function myFunction() {   
var text1 = vid.addTextTrack("caption");
text1.addCue(new TextTrackCue("Test text", 01.000, 04.000, "", "", "", true));}
</script> 
</body> 
</html>

로그인 후 복사

위 내용은 html5에서 새 텍스트 트랙을 만들고 반환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!