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>
උදාහරණය . sourse ටැගය සහිත වෙබ් අඩවි පිටුවක ප්ලේයරය
දැන් අපි src ගුණාංගය වෙනුවට
audio ටැගය සඳහා source ටැගය එකතු කරමු:
<audio controls>
<source src="track.mp3">
ඔබේ බ්රවුසරය HTML5 හි audio සහාය නොදක්වයි.
</audio>
