Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Html5 » Teg-audio-v-html5

Тег audio в HTML5

аудио в html5В этом уроке мы с вами рассмотрим тег <audio> . Тег audio позволяет добавлять, воспроизводить и управлять настройками аудио файла на страничке документа HTML5. Путь к аудио файлу можно задать двумя разными способами: через атрибут src или тег <source>. Общий синтаксис имеет следующий вид:

<audio>
  <source src="Путь к аудио файлу">
</audio>

или <audio src=»Путь к аудио файлу»>
</audio>

Для элемента аудио, как и для элемента видео представлен целый ряд атрибутов, которые расширяют его возможности:

Думаю вам не, дорогие читатели, не имеет смысла заново расписывать эти атрибуты, их функции такие же как и для элемента видео.

Как и для элемента видео для поддержки в разных браузерах используют разные разрешения и кодеки проигрывания аудио файлов. Вот небольшой пример использования аудио файла

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>audio</title>
 </head>
 <body>
  <p>Название песни</p>
  <audio controls>
    <source src="audio/music.ogg" type='audio/ogg; codecs=vorbis'>
    <source src="audio/music.mp3" type="audio/mpeg">
    Тег audio не поддерживается вашим браузером. <a href="audio/music.mp3">
	Скачайте музыку</a>.
  </audio>
 </body>
</html>

Я не стал показывать как это будет отображаться, думаю вы и сами без труда во всём разберетесь. В следующем уроке мы подведем итоги по пройденному материалу.



наверх