El atributo tipo HTML <pista> se utiliza para especificar el tipo de pista para archivos de video y audio. Esto es muy útil si el oyente o el espectador es sordo.
Sintaxis:
<track src="subtitles_en.vtt" kind="subtitles" srclang="en">
Valor del atributo: es verdadero o falso , lo que muestra el estado predeterminado de la pista. Por defecto, es falso.
- subtítulos: Define la traducción de diálogos y efectos de sonido que también es adecuado para usuarios sordos.
- metadatos: establece el contenido utilizado por los scripts pero no se muestra a los usuarios.
- capítulos: Define los títulos de los capítulos que son adecuados para navegar por el recurso multimedia.
- subtítulos: Mostrar subtítulos en un video y audio.
- descriptions: Describe la descripción textual del contenido de video o audio.
Ejemplo 1: Este ejemplo ilustra el atributo de tipo <pista> con elemento de video.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML track kind Attribute
</title>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML track kind Attribute</h2>
<video width="420" height="240" controls>
<source src="video1" type="video/mp4">
<track src="subtitles_en.vtt" kind="subtitles"
srclang="en" label="English">
</video>
</body>
</html>
Producción:
Ejemplo 2: Este ejemplo ilustra el uso del atributo de tipo <pista> con un elemento de audio.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML track kind Attribute
</title>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML track kind Attribute</h2>
<audio controls>
<source src="audiofile_name" type="audio/mp3">
<track src="subtitles_en.vtt" kind="subtitles"
srclang="en" label="English">
</audio>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo de tipo HTML <track> se enumeran a continuación:
- Google Chrome 23.0
- Borde 12.0
- Internet Explorer 10.0
- MozillaFirefox 31.0
- Safari 6.0
- Ópera 12.1
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA