Вернуться   ИнформПланета > Всевозможное и разнообразное > Вебмастеринг > HTML

Важная информация


Ответить в теме

Как добавить HTML5-аудио на веб-страницу

 
Опции темы Опции просмотра
Старый 30.06.2017, 10:35   #1
Gostemilov
Администратор
 
Аватар для Gostemilov
 
Регистрация: 10.01.2017
Сообщений: 1,381,126
Записей в дневнике: 1
По умолчанию Как добавить HTML5-аудио на веб-страницу

  • 1. Элемент <audio>
  • 2. Аудио кодеки
  • 3. Альтернативные медиа-ресурсы <source>
  • 4. Добавление субтитров и заголовков <track>
  • 5. Стилизованный пример аудио плеера
1. Элемент <audio>

Поддержка браузерами
IE: 9.0
Firefox: 3.5 базовая поддержка, 15.0 — полная
Chrome: 3.0
Safari: 3.1
Opera: 10.5
iOS Safari: 7.1
Opera Mini:
Android Browser: 4.1
Chrome for Android: 44
HTML5-элемент <audio> используется для внедрения звукового контента в веб-страницы. В общем виде HTML-разметка имеет следующий вид:
<audio src="name.ogg" controls></audio> Атрибут controls добавляет отображение браузерами интерфейса управления аудио плеера — кнопки воспроизведения, паузы, громкости.



Рис. 1. Внешний вид аудио плеера в разных браузерах В настоящий момент не существует аудио формата, который бы работал во всех браузерах, поэтому для обеспечения доступности контента максимально широкой аудитории рекомендуется включать несколько источников звука, представленных с использованием атрибута src элемента <source>.

Одновременно можно добавить резервный контент для браузеров, которые не поддерживают элемент <audio>.

Код HTML:
<audio controls>  <source src="name.ogg" type="audio/ogg">  <source src="name.mp3" type="audio/mpeg">  <a href="sounds/name.mp3">Скачать name.mp3</a></audio>


Gostemilov вне форума   Цитировать

Ответить в теме

Метки
cattype , display

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 14:19. Часовой пояс GMT.


Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc. Перевод: zCarot
Home Contact Forum Music Video New Posts Calendar RSS RSS2