HTML အသံ/ဗီဒီယို DOM အသံ အတိုးအကျယ်ပြောင်းလဲမှု ဖြစ်ရပ်
❮ HTML အသံ/ဗီဒီယို DOM ရည်ညွှန်းချက်
ဥပမာ
ဗီဒီယိုတစ်ခု၏ အသံအတိုးအကျယ်ကို ပြောင်းလဲထားကြောင်း သတိပေးချက်-
var vid = document.getElementById("myVideo");
vid.onvolumechange = function() {
alert("The volume has been changed!");
};
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဗီဒီယို/အသံ၏ အသံအတိုးအကျယ်ကို ပြောင်းလဲလိုက်တိုင်း အသံအတိုးအကျယ် ပြောင်းလဲခြင်းဖြစ်ရပ် ဖြစ်ပေါ်သည်။
ဤဖြစ်ရပ်ကို ဖိတ်ခေါ်သည်-
- အသံအတိုးအကျယ် သို့မဟုတ် လျှော့ချခြင်း။
- မီဒီယာပလေယာကို အသံတိတ်ခြင်း သို့မဟုတ် အသံဖွင့်ခြင်း
အကြံပြုချက်- အသံ/ဗီဒီယိုတစ်ခု၏ အသံအတိုးအကျယ်ကို သတ်မှတ်ရန် သို့မဟုတ် ပြန်ပေးရန်အတွက် အသံ/ဗီဒီယိုအရာဝတ္ထု၏ အသံအတိုးအကျယ်ကို အသုံးပြု ပါ ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် အဖြစ်အပျက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Event | |||||
---|---|---|---|---|---|
volumechange | Yes | 9.0 | Yes | Yes | Yes |
အထားအသို
HTML တွင်-
<audio|video onvolumechange="myScript">
JavaScript တွင်-
audio|video.onvolumechange=function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
audio|video.addEventListener("volumechange", myScript);
နည်းပညာဆိုင်ရာအသေးစိတ်
ပံ့ပိုးထားသော HTML တဂ်များ- | <audio> နှင့် <video> |
---|---|
ပံ့ပိုးထားသော JavaScript အရာဝတ္ထုများ- | အသံ ဗီဒီယို |
နောက်ထပ် ဥပမာများ
ဥပမာ
အသံဖိုင်တစ်ခု၏ အသံအတိုးအကျယ်ကို ပြောင်းလဲထားကြောင်း သတိပေးချက်-
var aud = document.getElementById("myAudio");
aud.onvolumechange = function() {
alert("The volume has been changed!");
};
❮ HTML အသံ/ဗီဒီယို DOM ရည်ညွှန်းချက်