A sound clip of Zersiax's screen reader in action.
audio
элемент дает смысловое значение, когда он оборачивает звук или аудио поток контента в разметке. Аудиоконтент также нуждается в текстовой альтернативе, доступной для людей, которые являются глухими или слабослышащими. Это можно сделать рядом с текстом на странице или ссылкой на стенограмму. audio
тег поддерживает атрибут controls
. Это показывает воспроизведение по умолчанию в браузере, паузу и другие элементы управления и поддерживает функциональность клавиатуры. Это логический атрибут, то есть он не нуждается в значении, его присутствие на теге включает настройку. Вот пример: <audio id = "meowClip" элементы управления>Заметка
<источник src = "audio / meow.mp3" type = "audio / mpeg" />
<источник src = "audio / meow.ogg" type = "audio / ogg" />
</ Аудио>
audio
элемент после p
. Включите атрибут controls
. Затем поместите source
тег внутри audio
тегов с атрибутом src
установленным на «https://s3.amazonaws.com/freecodecamp/screen-reader.mp3», и type
атрибут «audio / mpeg». Заметка audio
тег.
testString: 'assert($("audio").length === 1, "Your code should have one audio
tag.");'
- text: 'Убедитесь, что ваш audio
имеет закрывающий тег.'
testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/audio
element has a closing tag.");'
- text: audio
тег должен иметь атрибут controls
.
testString: 'assert($("audio").attr("controls"), "The audio
tag should have the controls
attribute.");'
- text: Ваш код должен иметь один тег source
.
testString: 'assert($("source").length === 1, "Your code should have one source
tag.");'
- text: Ваш тег source
должен находиться внутри audio
тегов.
testString: 'assert($("audio").children("source").length === 1, "Your source
tag should be inside the audio
tags.");'
- text: Значение атрибута src
в теге source
должно точно соответствовать ссылке в инструкциях.
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: Ваш код должен включать атрибут type
в тег source
со значением 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.