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.onloadedmetadata = function() {
    alert("Metadata for video loaded");
};

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


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

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

အသံ/ဗီဒီယိုအတွက် မက်တာဒေတာ ပါဝင်သည်- ကြာချိန်၊ အတိုင်းအတာ (ဗီဒီယိုသီးသန့်) နှင့် စာသားတေးသွားများ ပါဝင်သည်။

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

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

Browser ပံ့ပိုးမှု

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

Event
loadedmetadata Yes 9.0 Yes Yes Yes

အထားအသို

HTML တွင်-

<audio|video onloadedmetadata="myScript">

JavaScript တွင်-

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

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

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

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

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

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

ဥပမာ

အသံအတွက် မက်တာဒေတာကို တင်သည့်အခါ သတိပေးချက်-

var aud = document.getElementById("myAudio");
aud.onloadedmetadata = function() {
    alert("Metadata for audio loaded");
};

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