HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


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 ရည်ညွှန်းချက်