English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список HTML-тегов

Метод addTextTrack() в DOM аудио/видео HTML

Метод использования addTextTrack() в DOM аудио/видео HTML, онлайн пример демонстрирует, как использовать метод addTextTrack() в DOM аудио/видео HTML, совместимость браузеров, определение синтаксиса и подробные данные о его свойствах.

　Руководство по DOM аудио/видео HTML

Онлайн пример

Добавить новую текстовую дорожку к видео:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование метода addTextTrack() в аудио/видео HTML - базовый учебник (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">
　　Ваш браузер не поддерживает тег HTML5 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двухбуквенным кодам языков, определяющим язык текстового канала.
Чтобы увидеть все доступные коды языков, пожалуйста, обратитесь к нашему Руководство по кодам языков.

Возврат значения

ТипОписание
Объект TextTrackПредставляет новый текстовый канал.
　Руководство по DOM аудио/видео HTML
HTML: <template> тег