La propiedad Video textTracks se utiliza para devolver un objeto TextTrackList .
El objeto TextTrackList se usa para representar las pistas de texto disponibles para un video.
Cada pista de texto que está disponible está representada por un objeto TextTrack separado.
Sintaxis:
videoObject.textTracks
Valores devueltos
- Objeto TextTrackList: Representa las pistas de texto disponibles para el video.
- Duración: se utiliza para obtener la cantidad de pistas de texto disponibles en el video.
- [índice]: Se utiliza para obtener el objeto TextTrack por índice.
- Objeto TextTrack: Representa una pista de texto.
- kind: Se utiliza para obtener el tipo de la pista de texto.
- label: Se utiliza para obtener la etiqueta de la pista de texto.
- language: Se utiliza para obtener el idioma de la pista de texto.
- modo: Se utiliza para obtener o establecer si la pista está activa o no.
- cues: Se utiliza para obtener una lista de cues como un objeto TextTrackCueList.
- activeCues: se utiliza para obtener las pistas de pistas de texto actualmente activas como un objeto TextTrackCueList.
- addCue(cue): Se usa para agregar una cue a la lista de cues.
- removeCue(cue): Se utiliza para eliminar un cue de la lista de cues.
El siguiente programa ilustra la propiedad Video textTracks:
Ejemplo: Obtener el número de pistas de texto disponibles.
<!DOCTYPE html>
<html>
<head>
<title>
Video textTracks Property
</title>
</head>
<body style="text-align: center">
<h1 style="color: green">GeeksforGeeks</h1>
<h2 style="font-family: Impact">
Video textTracks Property
</h2>
<br>
<video id="Test_Video"
width="360"
height="240"
controls>
<source src="sample2.mp4"
type="video/mp4">
<source src="sample2.ogg"
type="video/ogg">
<track src="testsub.vtt">
<track src="testsub2.srt">
</video>
<p>To get the number of available text tracks of the
video, double click the "Return Text Tracks" button.
<br>
<button ondblclick="My_Video()">
Return Text Tracks
</button>
<p id="test"></p>
<script>
function My_Video() {
var v = document.getElementById(
"Test_Video").textTracks.length;
document.getElementById("test").innerHTML = v;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: El navegador compatible con HTML | Las propiedades de DOM Video textTracks se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Ópera
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA