HTML5 — аудио и видео
|
HTML5 меняет смысл HTML как такового. Сеть со временем меняется и все чаще содержит мультимедийный контент. HTML5 адаптировался к этому и предлагает теги для воспроизведения звуков и видео a . Вся эта тема не так проста из-за так называемых кодеков. Реализация HTML5 в современных браузерах уже обширна, даже в Internet Explorer.
Среди основных нововведений в HTML5 — видео- и аудиоэлементы, которые позволяют встраивать мультимедийный контент на страницу без использования различных расширений и драйверов, таких как широко используемый сегодня Flash.
Аудио
Элемент audio — это новый стандарт HTML5 для воспроизведения звуковых дорожек. Проще говоря, он дает вам простой способ разместить звуковую дорожку в Интернете, не полагаясь на дополнительный пользовательский плагин, такой как Flash.
Элемент audio прост и понятен, но имеет проблемы с поддержкой различных кодеков для воспроизведения в браузерах. тег имеет встроенную поддержку, т.е. без необходимости установки плагинов или внешних проигрывателей.
Элементу можно присвоить следующие атрибуты:
-
- autoplay — атрибут логического типа. Настройка автоматического воспроизведения звуковой дорожки сразу после загрузки
- controls — атрибут логического типа. Показывает элементы управления браузером для воспроизведения звуковой дорожки
- loop — атрибут логического типа. Устанавливает непрерывное воспроизведение звуковой дорожки.
- preload — атрибут не имеет значения. Устанавливает автоматическую загрузку звуковой дорожки перед запуском
- src — указывает местоположение аудиофайла, используя атрибут src (URL) или используяэлемент .
В настоящее время существует три широко поддерживаемых аудиоформата для элемента :
Формат | Internet Explorer | Mozilla Firefox | Google Chrome | Opera | Safari |
Ogg Vorbis | Не поддерживается | Поддерживается | Поддерживается | Поддерживается | Не поддерживается |
MP3 | Поддерживается | Не поддерживается | Поддерживается | Не поддерживается | Поддерживается |
Wav | Не поддерживается | Поддерживается | Не поддерживается | Поддерживается | Поддерживается |
Примечание Internet Explorer 8 и более ранние версии не поддерживают элемент .
Обновление: Firefox версии 21 теперь поддерживает MP3 в Windows 7, Windows 8, Windows Vista и Android.
В январе 2013 года компания Google объявила, что через несколько месяцев Google Chrome прекратит поддержку кодека H.264. Поэтому поддержка видео MPEG-4 в Google Chrome будет возможна только с расширением, а не напрямую в браузере. Мне пока не удалось узнать точную версию, поддержка которой должна быть прекращена.
Примечание. Тег определяет несколько источников мультимедиа для элементов мультимедиа.
-
- media = Указывает тип устройства, для которого оптимизирован носитель — значение — media query, по умолчанию — all
- src = Адрес определенного носителя — значение представляет собой URL-адрес
- type = указывает тип мультимедиа — значение MIME_type