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.ondurationchange = function() {
    alert("The video duration has changed");
};

အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။


အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

သတ်မှတ်ထားသော အသံ/ဗီဒီယို၏ ကြာချိန်ဒေတာကို ပြောင်းလဲသည့်အခါ ကြာချိန်ပြောင်းလဲမှုဖြစ်ရပ် ဖြစ်ပေါ်သည်။

မှတ်ချက်- အသံ/ဗီဒီယိုကို တင်သည့်အခါ ကြာချိန်သည် "NaN" မှ အသံ/ဗီဒီယို၏ အမှန်တကယ်ကြာချိန်သို့ ပြောင်းလဲသွားမည်ဖြစ်သည်။

အော်ဒီယို/ဗီဒီယိုတစ်ခု၏ တင်ခြင်းလုပ်ငန်းစဉ်အတွင်း၊ ဤအစီအစဥ်အတိုင်း အောက်ပါဖြစ်ရပ်များ ဖြစ်ပေါ်လာသည်-

  1. စတင်ပါ။
  2. ကြာချိန်ပြောင်းလဲမှု
  3. မက်တာဒေတာကို တင်ထားသည်။
  4. loadeddata
  5. တိုးတက်မှု
  6. ကစားနိုင်သည်။
  7. ကစားနိုင်သည်

Browser ပံ့ပိုးမှု

ဇယားရှိ နံပါတ်များသည် အဖြစ်အပျက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။

Event
durationchange Yes 9.0 Yes Yes Yes

အထားအသို

HTML တွင်-

<audio|video ondurationchange="myScript">

JavaScript တွင်-

audio|video.ondurationchange=function(){myScript};

JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-

audio|video.addEventListener("durationchange", myScript);

နည်းပညာဆိုင်ရာအသေးစိတ်

ပံ့ပိုးထားသော HTML တဂ်များ- <audio> နှင့် <video>
ပံ့ပိုးထားသော JavaScript အရာဝတ္ထုများ- အသံ ဗီဒီယို

နောက်ထပ် ဥပမာများ

ဥပမာ

အသံ၏ကြာချိန် ပြောင်းလဲသွားကြောင်း သတိပေးချက်-

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};

❮ HTML အသံ/ဗီဒီယို DOM ရည်ညွှန်းချက်