Share
Facebook
Twitter
LinkedIn
Whatsapp
Instagram
Messenger

এইচটিএমএল অডিও - HTML5 Audio


নিচে ওয়েব পেজে একটি অডিও ফাইলের উইন্ডো দেখুন।




এইচটিএমএল ৫ এ অডিও চালানো

এইচটিএমএল ৫ এর পূর্বে ওয়েব পেজে অডিও ফাইল চালানোর জন্য প্লাগ-ইন যেমন - ফ্ল্যাশ ইত্তাদি ব্যবহার করা হত। বর্তমানে ওয়েব পেজে অডিও চালানোর জন্য এইচটিএমএল ৫.০ এর <audio> ট্যাগ ব্যবহার করা হয়।


ব্রাউজার সমর্থ বা support

টেবিলে প্রদর্শিত সংখ্যাগুলো ব্রাউজারের সেই প্রথম ভার্সন নির্দেশ করে যেগুলো সম্পূর্ণ ভাবে <audio> এলিমেন্ট সমর্থন বা support করে।

এলিমেন্ট
<audio>৪.০৯.০৩.৫৪.০১০.৫


এইচটিএমএল <audio> এলিমেন্ট

ওয়েব পেজে অডিও ফাইল চালানোর জন্য এইচটিএমএল ৫ এর <audio> এলিমেন্ট ব্যবহার করা হয়। নিচে একটি উদাহরণ দেখুন।

উদাহরণ


<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio<

কোড এডিটর


ব্যাখ্যা

controls এট্রিবিউটটি অডিও চালু করা, বন্ধ করা এবং ভলিউম নিয়ন্ত্রন করার জন্য ব্যবহার করা হয়। যে সকল ব্রাউজারে <audio> ট্যাগ সমর্থন করে না, সে সকল ব্রাউজারে <audio> ট্যাগের মাঝের লেখা বা text প্রদর্শন হবে।
একের অধিক <source> এলিমেন্টের মাধ্যমে একাধিক ফরম্যাট এর অডিও ফাইল যুক্ত করা হয়। ব্রাউজার প্রথম যে সমর্থিত ফরম্যাটের ফাইল পাবে সেটাই প্রদর্শন করবে বা চালু করবে।


এইচটিএমএল অডিও - ব্রাউজার সাপোর্ট

এইচটিএমএল ৫ এ, ৩টি অডিও ফরম্যাট সমর্থন বা support করে, এগুলো হল - MP3, Wav এবং Ogg.
নিচের টেবিলে দেখুন, বিভিন্ন ব্রাউজারের কোন কোন ভার্সনে কোন কোন অডিও ফরম্যাট সমর্থন বা support করে।

ব্রাউজারMP3WavOgg
Internet Explorerসমর্থন করেসমর্থন করে নাসমর্থন করে না
Chromeসমর্থন করেসমর্থন করেসমর্থন করে
Firefoxসমর্থন করেসমর্থন করেসমর্থন করে
Safariসমর্থন করেসমর্থন করেসমর্থন করে না
Operaসমর্থন করেসমর্থন করেসমর্থন করে


এইচটিএমএল অডিও - মিডিয়া টাইপ

ফাইল ফরম্যাটমিডিয়া টাইপ
MP3 audio / mpeg
Ogg audio / ogg
Wav audio / wav


এইচটিএমএল অডিও - প্রপার্টি, পদ্ধতি এবং ইভেন্ট

<audio> এলিমেন্টে জন্য এইচটিএমএল ৫ এ DOM মেথড, প্রপার্টি এবং ইভেন্ট রয়েছে। এটি ব্যবহার করে ওয়েব পেজে কোন অডিও লোড করা, চালানো এবং থামিয়ে দেয়া, সেই সাথে সময়কাল এবং ভলিউম নির্ধারণ করা যায়। এছাড়াও DOM ইভেন্টগুলি, যখন কোন অডিও চালানো শুরু হয়, থামিয়ে দেয়া হয় ইত্যাদি এ সম্পর্কে তথ্য দিতে পারে।


এইচটিএমএল অডিও ট্যাগ

ট্যাগট্যাগ
<audio>কোনো অডিও বা সাউন্ড ফাইল নির্ধারণ করে।
<source><video> এবং <audio> ট্যাগের জন্য একাধিক মিডিয়া ফাইলের লিংক নির্দেশ করে।

এইচটিএমএল <audio> এলিমেন্ট সম্পর্কে জানতে Developer, Mozilla Foundation এর <audio>: The Embed Audio element ব্লগ পেজটি ব্রাউজ করুন।

এইচটিএমএল <audio> API সম্পর্কে জানতে W3C এর Web Audio API ওয়েব পেজটি ব্রাউজ করুন।