Тегот audio
Тегот audio управува со репродуцирање
на аудио снимка на HTML страница. При
негово додавање на страницата се појавува плеер,
кој ќе има копчиња „Назад“, „Напред“,
„Стоп“ и така натаму (нивниот изглед и број зависи
од прелистувачот). Патот до датотеката се задава преку
атрибутот src или вгнездениот тег source.
Тегот source е потребен за да се зададат
патеки до датотеки на аудио снимка во различни формати
(бидејќи прелистувачите поддржуваат различен формат
на аудио, на пример mp3 или wav).
Ако имате снимка во еден од форматите,
треба да ја конвертирате и во други.
Внатре во тегот audio може да се напише текст,
кој ќе се прикажува во прелистувачи, кои
не поддржуваат аудио во HTML (ова се прави
за да се извести корисниците за тоа).
Ако сакате да видите плеер за управување со репродуцирање
на аудио - треба да додадете атрибут controls.
Без него нема да видите ништо - и звук при
тоа исто така нема да има. За да има звук при отсуство
на плеер - додадете атрибут autoplay.
Атрибути
| Атрибут | Опис |
|---|---|
src |
Ја означува патеката до аудио датотеката.
Но подобро е за ова да се користи тегот source
(во овој случај ќе може да се зададе аудио во различни формати).
|
preload |
Се користи за вчитување на аудио датотеката истовремено со вчитувањето на страницата на веб-страницата.
Прифатливи вредности: none (да не се вчитува датотеката, по стандард),
metadata (да се вчита само сервисната информација: времетраење на звучењето и така натаму),
auto (да се вчита аудио датотеката целосно при вчитувањето на HTML страницата).
|
autoplay |
Звукот почнува да свири веднаш по вчитувањето на страницата,
при што присуството на атрибутот preload ќе биде игнорирано.
Атрибут без вредност. |
controls |
Додава контролна панела за управување на аудио датотеката.
при што присуството на атрибутот preload ќе биде игнорирано.
Атрибут без вредност. |
loop |
Ја повторува аудио снимката во „круг“: по завршувањето таа ќе почне да свири повторно.
при што присуството на атрибутот preload ќе биде игнорирано.
Атрибут без вредност. По стандард (ако атрибутот го нема) снимката ќе се репродуцира само 1 пат.
|
muted |
Онвозможува звук во аудио снимката.
Атрибут без вредност. По стандард (ако атрибутот го нема) кај снимката звукот е вклучен. |
Пример . Плеер на страницата на веб-страницата
Ајде да додадеме на страницата плеер со аудио снимка.
За оние прелистувачи, кои не поддржуваат
тегот audio е оставена специјална порака
за тоа:
<audio src="track.mp3" controls>
Вашиот прелистувач не поддржува audio на HTML5.
</audio>
Пример . Плеер на страницата на веб-страницата со тегот source
А сега ајде наместо атрибутот src
за тегот audio да додадеме тег source:
<audio controls>
<source src="track.mp3">
Вашиот прелистувач не поддржува audio на HTML5.
</audio>