html5에서 새 텍스트 트랙을 만들고 반환하는 방법
- 黄舟원래의
- 2017-11-07 11:15:292121검색
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.