Elemento track en HTML

Elemento track en html

El elemento html track se usa dentro del elemento <audio> o de <video> permite usar rutas de texto temporales, como subtítulos para videos. Estos clips están en formato WebVTT y sus archivos tienen la extensión de ‎.vtt cualquier pista de texto de vídeo web.

Un ejemplo del uso del elemento <video> para agregar un video OGG y MP4 a través del elemento <source> que tiene una imagen de portada que se muestra hasta que comienza a reproducirse la función poster y tiene elementos que <track> representan títulos, títulos de capítulos y subtítulos para alemán, inglés, Japonés y Español, con algunos metadatos:

< video  control  poster = "/images/sample.gif" > 
   < source  src = "sample.mp4"  type = "video / mp4" > 
   < source  src = "sample.ogv"  type = "video / ogv" >

   < track  kind = "captions"  src = "captions.vtt"  srclang = "en" >

   < track  kind = "descriptions"  src = "descriptions.vtt"  srclang = "en" >

   < track  kind = "chapters"  src = "chapters.vtt"  srclang = "en" >

   < track  kind = "subtitles"  src = "subtitles_de.vtt"  srclang = "de" > 
   < track  kind = "subtitles"  src = "subtitles_en.vtt"  srclang = "en" > 
   < track  kind = "subtitles"  src = " subtitles_ja.vtt "  srclang = " ja " > 
   < track  kind = " subtitles "  src = " subtitles_en.vtt " srclang = "es" >

   < track  kind = "metadata"  src = "keyStage1.vtt"  srclang = "en"  label = "Key Stage 1" > 
   < track  kind = "metadata"  src = "keyStage2.vtt"  srclang = "en"  label = "Key Etapa 2 " > 
   < track  kind = " metadata "  src = " keyStage3.vtt "  srclang = " en "  label = "Key Stage 3 " > 
   <! - ... -> 
</ video>

Consulte la página del elemento <video> para ver un ejemplo de cómo usar el elemento <track> para agregar un volcado de texto.

Etiqueta html track

Clasificaciones de contenidoNo hay.
Contenido permitidoNinguno, este artículo está vacío.
AcrónimoDado que este elemento está vacío, se debe proporcionar la etiqueta de inicio y se debe omitir la etiqueta de finalización.
Elementos del padreEl artículo está <audio><video> debe estar contenido antes que cualquier otro contenido.
Interfaz DOMOHTMLTrackElement

Características

En este elemento html track se pueden utilizar propiedades globales .

default

Esta propiedad indica que esta ruta de script estará habilitada a menos que el usuario prefiera mostrar otra ruta más adecuada, y esta propiedad no se puede utilizar en más de una <track>.

kind

Esta propiedad indica el propósito de la ruta del script. Si no se establece ningún valor, el valor predeterminado es subtitles y si no es válido.

Es decir, no es de los siguientes tipos, se utilizará el valor metadata; aunque las versiones de Chrome anteriores a la 52 trataban los valores no válidos como subtitles. Los valores permitidos para esta propiedad son:

  • subtitles
    • Proporciona subtítulos para contenido que el espectador puede no entender, como una conversación en español en una película en inglés.
    • Los subtítulos pueden contener contenido adicional, como información general o contenido ilustrativo, como texto al comienzo de las películas, la fecha y hora de una escena o el lugar donde ocurrió.
  • captions
    • Los subtítulos se utilizan para proporcionar una transcripción o traducción de contenido de audio.
    • puede incluir información no sonora, como efectos de sonido. Puede incluir una referencia a la fuente del sonido (música, texto o persona).
    • Este tipo es adecuado para usuarios que tienen problemas de audición o cuando el sonido está amortiguado.
  • descriptions
    • Descripción de texto del contenido del video.
    • Este tipo es adecuado para usuarios que tienen problemas visuales o cuando no se puede ver el videoclip.
  • chapters
    • Los títulos se pueden utilizar para ayudar al usuario a navegar por el contenido multimedia.
  • metadata
    • Rutas que se utilizan mediante programación, no visibles para el usuario.

label

Una dirección legible por el usuario de la ruta de texto que utilizará el navegador al mostrar la lista de rutas de texto disponibles.

src

Enlace URL a una ruta de archivo bajo el formato de archivo .vtt, esta propiedad es obligatoria y siempre debe estar definida.

src lang

El idioma de la ruta del script, y debe definirse en la especificación BCP47. Esta propiedad debe definirse si el valor se establece subtitles en la propiedad kind.

Descripción de uso

El tipo de datos añadidos al archivo multimedia se determina a través de la propiedad kind, que toma los valores subtitlescaptionsdescriptionschaptersmetadata.

Este elemento debe apuntar a un archivo fuente que contenga texto temporal (asociado con una hora específica) que el navegador puede mostrar cuando el usuario solicita información adicional.

Un archivo de medios no puede tener más de un elemento <track> con los mismos valores de la propiedad kindsrc langlabel.

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
2324Soportado612.10

Es posible que algunas funciones HTML5 recién agregadas no funcionen en todos los navegadores.