HTML Audio/Video DOM သည် Event ကို ရှာသည်။
❮ HTML အသံ/ဗီဒီယို DOM ရည်ညွှန်းချက်
ဥပမာ
အသုံးပြုသူသည် ဗီဒီယိုရှိ အနေအထားအသစ်သို့ ရွှေ့/ကျော်ခြင်း ပြီးဆုံးသောအခါ၊ စာသားအချို့ကို သတိပေးပါ-
var vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Seek operation completed!");
};
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အသုံးပြုသူသည် အသံ/ဗီဒီယိုရှိ အနေအထားအသစ်သို့ ရွှေ့ခြင်း/ကျော်သွားခြင်း ပြီးဆုံးသောအခါ ရှာဖွေထားသော ဖြစ်ရပ်သည် ဖြစ်ပေါ်ပါသည်။
အကြံပြုချက်- ရှာဖွေထားသော ဖြစ်ရပ်သည် ရှာဖွေနေ သည့် ဖြစ်ရပ် နှင့် ဆန့်ကျင်ဘက်ဖြစ်သည် ။
အကြံပြုချက်- လက်ရှိပြန်ဖွင့်သည့်အနေအထားကိုရရှိရန် အသံ/ဗီဒီယိုအရာ ဝတ္တု၏ လက်ရှိအချိန် ပိုင်ဆိုင်မှု ကို အသုံးပြု ပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် အဖြစ်အပျက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Event | |||||
---|---|---|---|---|---|
seeked | Yes | 9.0 | Yes | Yes | Yes |
အထားအသို
HTML တွင်-
<audio|video onseeked="myScript">
JavaScript တွင်-
audio|video.onseeked=function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
audio|video.addEventListener("seeked", myScript);
နည်းပညာဆိုင်ရာအသေးစိတ်
ပံ့ပိုးထားသော HTML တဂ်များ- | <audio> နှင့် <video> |
---|---|
ပံ့ပိုးထားသော JavaScript အရာဝတ္ထုများ- | အသံ ဗီဒီယို |
နောက်ထပ် ဥပမာများ
ဥပမာ
ဤဥပမာသည် ရှာဖွေသည့်ဖြစ်ရပ်နှင့် ရှာဖွေသည့်ဖြစ်ရပ်ကြား ခြားနားချက်ကို သရုပ်ပြသည်-
<video onseeking="myFunction()" onseeked="mySecondFunction()">
ဥပမာ
အသုံးပြုသူသည် အနေအထားအသစ်သို့ ရွှေ့/ကျော်ခြင်းပြီးဆုံးသောအခါ လက်ရှိကစားချိန်အနေအထားကိုပြသရန် ဗီဒီယိုအရာဝတ္ထု၏ currentTime ပိုင်ဆိုင်မှုကို အသုံးပြုခြင်း-
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", myFunction);
function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
ဥပမာ
အသုံးပြုသူသည် အသံဖိုင်ရှိ အနေအထားအသစ်သို့ ရွှေ့/ကျော်ခြင်း ပြီးဆုံးသောအခါ၊ စာသားအချို့ကို သတိပေးပါ-
var aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Seek operation completed!");
};
❮ HTML အသံ/ဗီဒီယို DOM ရည်ညွှန်းချက်