
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 contenido | No hay. |
---|---|
Contenido permitido | Ninguno, este artículo está vacío. |
Acrónimo | Dado que este elemento está vacío, se debe proporcionar la etiqueta de inicio y se debe omitir la etiqueta de finalización. |
Elementos del padre | El artículo está <audio> o <video> debe estar contenido antes que cualquier otro contenido. |
Interfaz DOMO | HTMLTrackElement |
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 subtitles
, captions
, descriptions
, chapters
o metadata
.
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 kind
, src lang
y label
.
Soporte de navegadores
Chrome | Firefox | Edge | Safari | Ópera |
---|---|---|---|---|
23 | 24 | Soportado | 6 | 12.10 |
Es posible que algunas funciones HTML5 recién agregadas no funcionen en todos los navegadores.
- Descripción de las Etiquetas HTML
- El Texto en HTML
- Elemento a en HTML
- Elemento abbr en HTML
- Elemento address en HTML
- Elemento area en HTML
- Elemento article en HTML
- Elemento aside en HTML
- Elemento audio en HTML
- Elemento b en HTML
- Elemento base en HTML
- Elemento bdi en HTML
- Elemento bdo en HTML
- Elemento blockquote en HTML
- Elemento body en HTML
- Elemento br en HTML
- Elemento button en HTML
- Elemento canvas en HTML
- Elemento caption en HTML
- Elemento cite en HTML
- Elemento code en HTML
- Elemento col en HTML
- Elemento colgroup en HTML
- Elemento data en HTML
- Elemento datalist en HTML
- Elemento dd en HTML
- Elemento del en HTML
- Elemento details en HTML
- Elemento dfn en HTML
- Elemento div en HTML
- Elemento dl en HTML
- Elemento dt en HTML
- Elemento em en HTML
- Elemento embed en HTML
- Elemento fieldset en HTML
- Elemento figcaption en HTML
- Elemento figure en HTML
- Elemento footer en HTML
- Elemento form en HTML
- Elemento head en HTML
- Elemento header en HTML
- Elemento hr en HTML