Войти
» » » Воспроизведение аудио файлов в HTML 5

Воспроизведение аудио файлов в HTML 5

Воспроизведение аудио файлов в HTML 5

В этой статье мы кратко расскажем о новом элементе в HTML 5 <audio>, думаю по названию понятно для чего оно предназначено, так что ниже мы покажем как его использовать.

Пример правильного прописания:

<audio src="audiofail.mp3" controls='controls'></audio>

На примере видно, что src указывает адрес файла, атрибут controls добавляет кнопки управления аудиоплеером.

Пример №2

<audio controls="controls">
<source src=" audiofail.ogv" type="audio/ogg" />
<source src=" audiofail.mp3" type="audio/mpeg" />
Невозможно воспроизвести audio.
</audio>

В этом примере мы использовали элемент <source>, благодаря ему можно указать разные источники с музыкой разных форматов и тогда браузер начнёт воспроизводить первый допустимый для него формат. Если браузеру не удастся прочитать ни один формат, тогда высветится надпись: «Невозможно воспроизвести audio».

autoplay

autoplay – этот атрибут предназначен для автоматического воспроизведение аудио-файла.

Пример:

<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