Home » 2014 » Октомври » 28 » Урок №6 Аудио в HTML5
5:24 AM
Урок №6 Аудио в HTML5

HTML5 предоставя стандарт за възпроизвеждане на аудио файл.


Аудио в страницата Ви

Преди HTML5, нямаше стандарт за възпроизвеждане на аудио файл в уеб-страница.

Преди HTML5, аудио файловете можеха да се възпроизвеждат само с plug-in (Flash).

Елемента <audio> в HTML5 определя стандартен начин по който да се прикачват аудио файлове към страницата Ви.


Поддържащи браузъри

Internet Explorer Firefox Opera Google Chrome Safari

Internet Explorer 9+, Firefox, Opera, Chrome, и Safari поддържат елемента <audio>.

Note: Internet Explorer 8 и по-ранните му версии не поддържат елемента <audio>.


Елемента <audio> в HTML

За да възпроизведете аудио файл в HTML, използвайте елемента <audio> по следния начин:

Пример

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Браузъра Ви не поддържа аудио тагът.
</audio>
 

Как работи?

Атрибута controls добавя средства с които да контролирате аудио файлът като възпроизвеждане,пауза и сила на звука.

Текстът между тагът <audio> и </audio> ще се показва само в браузърите които не поддържат елемента <audio>.

Няколко <source> елемента могат да водят към различни аудио файлове. Браузърът ще използва първият разпознат формат.


Поддържащи браузъри за
елемента аудио в HTML

В момента има 3 поддържани формата за елемента <audio> : MP3, Wav и Ogg:

Браузър MP3 Wav Ogg
Internet Explorer Да Не Не
Chrome Да Да Да
Firefox Да Да Да
Safari Да Да Не
Opera Не Да Да
 

Видове медии в HTML

Файлов формат Видове медии
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav
 

Аудио - Методи,Свойства и Събития в HTML

HTML5 определя DOM методи,свойства и събития за елемента <audio>.

Това ви позволява да зареждате,възпроизвеждате и спирате аудио файловете, както и да регулирате звука им.

Също така има и DOM събития които ви предупреждават когато аудио файл започне да се изпълнява,спре и т.н.


Аудио тагове в HTML5 

Tag Description
<audio> Определя звуково съдържание
<source> Определя множество медийни ресурси за медийните елементи, като <video> и <аудио>
Категория: HTML5 | Преглеждания: 480 | Довавено от: knif3r | Оценка: 5.0 | Гласували :1 | Tags: HTML5

Ако урокът ви е харесал можете да го споделите с вашите приятели във фейсбук :
Всички коментари: 0
avatar
Социални Мрежи

PC-Tools.inc | Copyright © 2014-2015
DMCA.com Protection Status Mozilla Firefox+4.0 Chrome+13.2 Opera+5.6 IE+7.9 Safari+2.0