A sound clip of Zersiax's screen reader in action.
audio
de HTML5 le da un significado semántico cuando envuelve el contenido de la transmisión de sonido o audio en su marca. El contenido de audio también necesita una alternativa de texto para que las personas sordas o con dificultades auditivas puedan acceder. Esto se puede hacer con el texto cercano en la página o un enlace a una transcripción. La etiqueta de audio
soporta el atributo de controls
. Esto muestra los controles de reproducción, pausa y otros controles predeterminados del navegador, y es compatible con la funcionalidad del teclado. Este es un atributo booleano, lo que significa que no necesita un valor, su presencia en la etiqueta activa la configuración. Aquí hay un ejemplo: <audio id = "meowClip" controles>Nota
<source src = "audio / meow.mp3" type = "audio / mpeg" />
<source src = "audio / meow.ogg" type = "audio / ogg" />
</audio>
audio
después de la p
. Incluir el atributo de controls
. Luego coloque una etiqueta de source
dentro de las etiquetas de audio
con el atributo src
configurado en "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" y type
atributo establecido en "audio / mpeg". Nota audio
.
testString: 'assert($("audio").length === 1, "Your code should have one audio
tag.");'
- text: Asegúrese de que su elemento de audio
tiene una etiqueta de cierre.
testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/audio
element has a closing tag.");'
- text: La etiqueta de audio
debe tener el atributo de controls
.
testString: 'assert($("audio").attr("controls"), "The audio
tag should have the controls
attribute.");'
- text: Su código debe tener una etiqueta de source
.
testString: 'assert($("source").length === 1, "Your code should have one source
tag.");'
- text: Su etiqueta de source
debe estar dentro de las etiquetas de audio
.
testString: 'assert($("audio").children("source").length === 1, "Your source
tag should be inside the audio
tags.");'
- text: El valor del atributo src
en la etiqueta de source
debe coincidir exactamente con el enlace en las instrucciones.
testString: 'assert($("source").attr("src") === "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3", "The value for the src
attribute on the source
tag should match the link in the instructions exactly.");'
- text: Su código debe incluir un atributo de type
en la etiqueta de source
con un valor de audio / mpeg.
testString: 'assert($("source").attr("type") === "audio/mpeg", "Your code should include a type
attribute on the source
tag with a value of audio/mpeg.");'
```
A sound clip of Zersiax's screen reader in action.