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 թեգով
Իսկ հիմա եկեք audio թեգի համար src ատրիբուտի փոխարեն
ավելացնենք source թեգը:
<audio controls>
<source src="track.mp3">
Ձեր բրաուզերը չի աջակցում audio-ն HTML5-ում:
</audio>
