HTML | Propiedad DOM Video videoTracks

La propiedad Video videoTracks se utiliza para devolver un objeto VideoTrackList . El objeto VideoTrackList generalmente se usa para representar las pistas de video disponibles para un video. 
Cada pista de video que está disponible está representada por un objeto VideoTrack separado.

Sintaxis:  

videoObject.videoTracks

Valores devueltos:  

  1. Objeto VideoTrackList: Representa las pistas de video disponibles para el video. 
    • videoTracks.length: Se utiliza para obtener la cantidad de pistas de texto disponibles en el video.
    • videoTracks[índice]: se utiliza para obtener el objeto VideoTrack por índice.
    • Objeto VideoTrackList: se usa para representar las pistas de video disponibles para el video.
    • videoTracks.getTrackById(id): Se utiliza para obtener el objeto VideoTrack por id.
  2. Objeto VideoTrack: Representa una pista de video. 
    • kind: Se utiliza para obtener el tipo de la pista de vídeo.
    • etiqueta: Se utiliza para obtener la etiqueta de la pista de vídeo.
    • idioma: se utiliza para obtener el idioma de la pista de texto del video.
    • id: Se utiliza para obtener el id de la pista de vídeo.
    • seleccionado: Se utiliza para obtener o establecer si la pista está activa.

El siguiente programa ilustra la propiedad Video videoTracks: 

Ejemplo: Obtener el número de pistas de video disponibles.  

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        DOM Video videoTracks Property
    </title>
</head>
 
<body style="text-align: center">
 
    <h1 style="color: green">
      GeeksforGeeks
  </h1>
    <h2 style="font-family: Impact">
      Video videoTracks 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">
    </video>
 
     
<p>To get the number of available video tracks of
      the video, double click the "Return Video Tracks" button.
        <br>
 
        <button ondblclick="My_Video()">
          Return Video Tracks
      </button>
 
        <p id="test"></p>
 
 
        <script>
            function My_Video() {
                var v = document.getElementById(
                  "Test_Video").videoTracks.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: los principales navegadores no son compatibles con HTML | Propiedad DOM Video videoTracks .

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ó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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *