এইচটিএমএল ডোম অডিও অবজেক্ট
অডিও অবজেক্ট
অডিও অবজেক্ট এইচটিএমএল(৫)এ নতুন
অডিও অবজেক্ট এইচটিএমএল <audio> এলিমেন্টকে প্রতিনিধিত্ব করে।
নোটঃ <audio> এলিমেন্ট ইন্টারনেট এক্সপ্লোরার(৮) এবং এর পূর্বের ভার্সনে সাপোর্ট করে না।
অডিও অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <audio> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("audio");
if (a.canPlayType("audio/mpeg")) {
a.setAttribute("src","horse.mp3");
} else {
a.setAttribute("src","horse.ogg");
}
a.setAttribute("controls", "controls");
document.body.appendChild(a);
}
</script>
</body>
</html>ফলাফল
অডিও অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <audio> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<audio id="test" controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
আপনার ব্রাউজারে audio এলিমেন্ট সার্পোট করে না।
</audio>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>
<script>
function myFunc() {
var a = document.getElementById("test").duration;
document.getElementById("test2").innerHTML = a;
}
</script>
</body>
</html>ফলাফল
অডিও অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| audioTracks | অডিও AudioTrackList অবজেক্ট রিটার্ন করে যা অডিও ট্র্যাকগুলোকে উপস্থাপন করে। |
| autoplay | অডিও তাৎক্ষনিক চলবে কিনা তা সেট বা রিটার্ন করে। |
| buffered | TimeRanges অবজেক্ট রিটার্ন করে যা একটি অডিও এর বাফার অংশ উপস্থাপন করে। |
| controller | MediaController অবজেক্ট রিটার্ন করে যা একটি অডিও এর মিডিয়া কন্টোলারকে উপস্থাপন করে। |
| controls | একটি অডিও এর কন্ট্রোল(play/pause ইত্যাদি) প্রদর্শিত হবে কিনা তা সেট বা রিটার্ন করে। |
| crossOrigin | একটি অডিও এর CORS সেটিং সেট বা রিটার্ন করে। |
| currentSrc | চলমান অডিও এর URL রিটার্ন করে। |
| currentTime | চলমান প্লে-ব্যাকের পজিশন( সেকেন্ডে ) সেট বা রিটার্ন করে। |
| defaultMuted | ডিফল্টভাবে অডিও বন্ধ থাকবে কিনা তা সেট বা রিটার্ন করে। |
| defaultPlaybackRate | ডিফল্টভাবে অডিও এর প্লে-ব্যাক স্পীড কত হবে তা সেট বা রিটার্ন করে। |
| duration | অডিও এর length রিটার্ন করে( সেকেন্ডে ) |
| ended | অডিও প্লে-ব্যাক শেষ হয়েছে কিনা তা রিটার্ন করে। |
| error | MediaError অবজেক্ট রিটার্ন করে যা অডিও এর error উপস্থাপন করে। |
| loop | অডিও শেষ হবার সাথে সাথে পূনরায় চলবে কিনা তা সেট বা রিটার্ন করে। |
| mediaGroup | অডিও কোন মিডিয়া গ্রুপের অন্তর্ভুক্ত তার নাম সেট বা রিটার্ন করে। |
| muted | সাউন্ড বন্ধ আছে কিনা তা সেট বা রিটার্ন করে। |
| networkState | একটি অডিও এর বর্তমান নেটওয়ার্ক অবস্থা রিটার্ন করে। |
| paused | অডিও pause কিনা তা সেট বা রিটার্ন করে। |
| playbackRate | অডিও প্লে-ব্যাকের স্পীড সেট বা রিটার্ন করে। |
| played | TimeRanges অবজেক্ট রিটার্ন করে যা অডিও এর কতটুকু চলেছে তা নির্দেশ করে। |
| preload | একটি অডিও এর preload এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| readyState | একটি অডিও এর বর্তমান অবস্থান রিটার্ন করে। |
| seekable | TimeRanges অবজেক্ট রিটার্ন করে যা অডিও এর seekable অংশকে উপস্থাপন করে। |
| seeking | ব্যবহারকারী অডিও শুনছে কিনা তা রিটার্ন করে। |
| src | একটি অডিও এর src এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| textTracks | TextTrackList অবজেক্ট রিটার্ন করে যা বর্তমান টেক্সট ট্র্যাককে উপস্থাপন করে। |
| volume | একটি অডিও এর অডিও ভলিউম সেট বা রিটার্ন করে। |
অডিও অবজেক্ট মেথড
| মেথড | বর্ণনা |
|---|---|
| addTextTrack() | অডিওতে একটি নতুন টেক্সট ট্র্যাক যুক্ত করে। |
| canPlayType() | ব্রাউজার এই নির্দিষ্ট অডিও টাইপ প্লে করতে পারবে কিনা তা যাচাই করে। |
| fastSeek() | অডিও প্লেয়ারে একটি নির্দিষ্ট সময় অনুসন্ধান করে। |
| getStartDate() | একটি নতুন Date অবজেক্ট রিটার্ন করে যা বর্তমান টাইমলাইন অফসেটকে উপস্থাপন করে। |
| load() | অডিও এলিমেন্টকে রি-লোড করে। |
| play() | অডিও চলা শুরু করে। |
| pause() | চলমান অডিওকে pause করে। |
স্ট্যান্ডার্ড প্রোপার্টি ও ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |