В этой статье мы кратко расскажем о новом элементе в HTML 5 <audio>, думаю по названию понятно для чего оно предназначено, так что ниже мы покажем как его использовать.
Пример правильного прописания:
На примере видно, что src указывает адрес файла, атрибут controls добавляет кнопки управления аудиоплеером.
Пример №2
<source src=" audiofail.ogv" type="audio/ogg" />
<source src=" audiofail.mp3" type="audio/mpeg" />
Невозможно воспроизвести audio.
</audio>
В этом примере мы использовали элемент <source>, благодаря ему можно указать разные источники с музыкой разных форматов и тогда браузер начнёт воспроизводить первый допустимый для него формат. Если браузеру не удастся прочитать ни один формат, тогда высветится надпись: «Невозможно воспроизвести audio».
autoplay
autoplay – этот атрибут предназначен для автоматического воспроизведение аудио-файла.
Пример:
<source src="ghost_k-stop.ogv" type="audio/ogg" />
<source src="ghost_k-stop.mp3" type="audio/mpeg" />
Невозможно воспроизвести audio.
</audio>
Вроде с аудио файлами разобрались, стоит только отметить что устаревшие браузеры, такие как : Internet Explorer 6-8, Opera до 10 версии и подобных воспроизведение аудио файлов не предусмотрено, но ими уже мало кто пользуется.
Все статьи по теме HTML 5:
- HTML 5 Введение
- Устаревшие теги и атрибуты HTML 5
- Нововведения в структуру документа HTML 5
- Глобальные атрибуты в HTML 5
- Формы HTML 5
- Воспроизведение аудио файлов в HTML 5
- Воспроизведение видео файлов в HTML 5
- Web worker
- Геолокация в HTML 5
- Drag and Drop
- Кэширование страниц
- Макет шаблона HTML 5 с пояснениями
- Справочник тегов HTML 5
Canvas:
- Canvas вступление
- Применение стилей в canvas
- Оформление текста и изображений в canvas