HTML DOM Audio অবজেক্ট HTML <audio> এলিমেন্টকে প্রতিনিধিত্ব করে। audio এলিমেন্ট HTML 5-এ নতুন পরিচয় করানো হয়েছিল। audio অবজেক্ট ব্যবহার করে আমরা audioTrack সম্পর্কে তথ্য পেতে পারি, অটোপ্লে পরিবর্তন করতে পারি, ইত্যাদি।
প্রোপার্টি
HTML DOM Audio অবজেক্টের প্রোপার্টিগুলো নিচে দেওয়া হলো:
| প্রোপার্টি | বিবরণ |
|---|---|
| audioTracks | উপলব্ধ অডিও ট্র্যাক ধারণকারী audioTrackList অবজেক্ট রিটার্ন করতে |
| autoplay | অডিও স্বয়ংক্রিয়ভাবে बजাবে কিনা সেট বা রিটার্ন করতে |
| buffered | অডিওর সব বাফারড অংশ ধারণকারী TimeRanges অবজেক্ট রিটার্ন করতে |
| controller | অডিওর বর্তমান মিডিয়া কন্ট্রোলার প্রতিনিধিত্বকারী MediaController অবজেক্ট রিটার্ন করতে |
| controls | অডিওতে প্লে/পজ কন্ট্রোল প্রদর্শিত হবে কিনা সেট বা রিটার্ন করতে |
| crossOrigin | অডিওর CORS সেটিংস সেট বা রিটার্ন করতে |
| currentSrc | বর্তমানে বাজাচ্ছে অডিওর URL রিটার্ন করতে |
| currentTime | বর্তমান প্লেব্যাক পজিশন (সেকেন্ডে) সেট বা রিটার্ন করতে |
| defaultMuted | অডিও ডিফল্টভাবে মিউট থাকবে কিনা সেট বা রিটার্ন করতে |
| defaultPlaybackRate | অডিওর ডিফল্ট প্লেব্যাক স্পিড সেট বা রিটার্ন করতে |
| duration | অডিওর দৈর্ঘ্য সেকেন্ডে রিটার্ন করতে |
| ended | প্লেব্যাক শেষ হয়েছে কিনা রিটার্ন করতে |
| error | অডিওর এরর স্টেট প্রতিনিধित्वকারী MedioError টাইপের একটি অবজেক্ট রিটার্ন করতে |
| loop | অডিও শেষ হলে আবার শুরু হবে কিনা সেট বা রিটার্ন করতে |
| mediaGroup | অডিও যে মিডিয়া গ্রুপের অংশ সেট বা রিটার্ন করতে |
| muted | অডিও বন্ধ থাকবে কিনা সেট বা রিটার্ন করতে |
| networkState | অডিওর বর্তমান নেটওয়ার্ক স্টেট রিটার্ন করতে |
| paused | অডিও পজ করা আছে কিনা সেট বা রিটার্ন করতে |
| playbackRate | অডিওর প্লেব্যাক রেট সেট বা রিটার্ন করতে |
| played | অডিওর বাজানো অংশগুলো প্রতিনিধित्वকারী TimeRanges অবজেক্ট রিটার্ন করতে |
| preload | অডিওর preload অ্যাট্রিবিউট সেট বা রিটার্ন করতে |
| readyState | অডিওর বর্তমান রেডি স্টেট রিটার্ন করতে |
| seekable | অডিওর সিকbaar অংশগুলো প্রতিনিধিত্বকারী TimeRanges অবজেক্ট রিটার্ন করতে |
| seeking | ইউজার বর্তমানে অডিওতে সিক করছে কিনা রিটার্ন করতে |
| src | অডিওর src অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে |
| textTracks | উপলব্ধ সব টেক্সট ট্র্যাক প্রতিনিধিত্বকারী TextTrackList অবজেক্ট রিটার্ন করতে |
| volume | অডিওর ভলিউম সেট বা রিটার্ন করতে |
মেথড
Audio অবজেক্টের মেথডগুলো নিচে দেওয়া হলো:
| মেথড | বিবরণ |
|---|---|
| addTextTrack() | দिए गए অডিওতে একটি নতুন টেক্সট ট্র্যাক যোগ করতে |
| canPlayType() | ব্রাউজার নির্দিষ্ট অডিও টাইপ প্লে করতে পারে কিনা চেক করতে |
| fastSeek() | অডিও প্লেয়ারে নির্দিষ্ট টাইমে সিক করতে |
| getStartDate() | বর্তমান টাইমলাইন অফসেট প্রতিনিধित्वকারী একটি নতুন Date অবজেক্ট রিটার্ন করতে |
| load() | অডিও এলিমেন্ট রি-লোড করতে |
| play() | অডিও প্লে শুরু করতে |
| pause() | বর্তমানে বাজাচ্ছে অডিও পজ করতে |
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
একটি অডিও এলিমেন্ট তৈরি করা
var x= document.createElement("AUDIO")
একটি অডিও এলিমেন্ট অ্যাক্সেস করা
var x = document.getElementById("demoAudio")
উদাহরণ
Audio অবজেক্টের জন্য একটি উদাহরণ দেখি:
<!DOCTYPE html> <html> <body> <h1>MUSIC</h1> <audio id="Audio" controls> <source src="sample.mp3" type="audio/mpeg"> Audio not supported in your browser </audio> <p>Click the button to get the duration of the audio, in seconds.</p> <button onclick="AudioDur()">Duration</button> <button onclick="CreateAudio()">CREATE</button> <p id="SAMPLE"></p> <script> function AudioDur() { var x = document.getElementById("Audio").duration; document.getElementById("SAMPLE").innerHTML = x; } function CreateAudio() { var x = document.createElement("AUDIO"); x.setAttribute("src","sample1.mp3"); x.setAttribute("controls", "controls"); document.body.appendChild(x); } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
「Duration」-এ ক্লিক করলে:
CREATE-এ ক্লিক করলে:
উপরের উদাহরণে:
আমরা প্রথমে একটি অডিও এলিমেন্ট তৈরি করেছি এবং অডিওর সোর্স এবং টাইপ নির্দিষ্ট করেছি।
<audio id="Audio" controls> <source src="sample.mp3" type="audio/mpeg"> Audio not supported in your browser </audio>
তারপর আমরা "Duration" এবং CREATE নামে দুটি বাটন তৈরি করেছি যারা যথাক্রমে AudioDur() এবং CreateAudio() ফাংশন এক্সিকিউট করবে।
<button onclick="AudioDur()">Duration</button> <button onclick="CreateAudio()">CREATE</button>
AudioDur() ফাংশন id "Audio" সহ এলিমেন্টটি পায়। এটি <audio> এলিমেন্টটি পায় এবং duration প্রোপার্টি ব্যবহার করে এর দৈর্ঘ্য পায়। দৈর্ঘ্যটি id "Sample" সহ প্যারাগ্রাফে প্রদর্শিত হয়।
function AudioDur() { var x = document.getElementById("Audio").duration; document.getElementById("SAMPLE").innerHTML = x; }
CreateAudio() ফাংশন একটি অডিও এলিমেন্ট তৈরি করে এবং এর অ্যাট্রিবিউট সেট করে যেমন src "sample1.mp3"-এ এবং controls অ্যাট্রিবিউট সেট করে কন্ট্রোল সক্ষম করে। এলিমেন্টটি তারপর appendChild() মেথড ব্যবহার করে বডিতে অ্যাপেন্ড করা হয়।
function CreateAudio() { var x = document.createElement("AUDIO"); x.setAttribute("src","sample1.mp3"); x.setAttribute("controls", "controls"); document.body.appendChild(x); }
