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>
Сиздин браузериңиз HTML5'теги audio'ну колдобойт.
</audio>
Мисал . Source теги менен сайттын баракчасындагы плейер
Эми келгиле, audio теги үчүн src атрибутунун ордуна
source тегин кошолу:
<audio controls>
<source src="track.mp3">
Сиздин браузериңиз HTML5'теги audio'ну колдобойт.
</audio>