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>
