Аудио
Для воспроизведения звука без видео в HTML5 применяется элемент audio. Он во многом похож на элемент video. Для настройки элемента audio мы можем использовать следующие его атрибуты:
src: путь к аудиофайлу
controls: добавляет элементы управления воспроизведением
autoplay: устанавливает автовоспроизведение
loop: задает повторение аудиофайла
muted: отключает звук по умолчанию
preload: устанавливает режим загрузки файла
Действие всех этих атрибутов будет аналогично их действию в элементе video.
Аудио в HTML5
Аудио в HTML5
Опять же в зависимости от браузера внешний вид элементов управления может отличаться. Выше приведен пример для Google Chrome. А в Firefox они будут выглядеть немного иначе:
Audio в HTML5 в Firefox
Поддержка форматов аудио
Ключевым моментом для работы с аудио является поддержка браузером тех или иных форматов. На данный момент подавляющее большинство браузеров поддерживают mp3. Однако если у нас есть неуверенность, что наше аудио в определенном формате будет поддерживаться браузером пользователя, то мы можем использовать вложенный элемент source и указать аудио в иных форматах:
Как и в случае с элементом video, здесь у элемента source устанавливается атрибут src с ссылкой на файл и атрибут type - тип файла.
Глава 1. Введение в HTML5
Глава 2. Элементы в HTML5
Глава 3. Работа с формами
Глава 4. Семантическая структура страницы
Глава 5. Основы CSS3. Селекторы
Глава 6. Основы CSS3. Свойства
Глава 7. Создание макета страницы и верстка
Глава 8. Трансформации, переходы и анимации
Глава 9. Адаптивный дизайн
Глава 10. Мультимедиа
Глава 11. Canvas
Глава 12. Flexbox
Глава 13. Grid Layout
Глава 14. Дополнительные статьи
Об учебнике