X

X

X

HTML5 -এ অডিও ইলামেন্ট এর ব্যবহার


ওয়েবপেজে অডিও উপস্থাপণ

HTML5 চালু হওয়ার আগে ওয়েবপেজে অডিও উপস্থাপণ করা হতো প্লাগইন ব্যবহার করে। যেমন, ফ্ল্যাশ।

HTML5-এ <audio> ইলামেন্ট ব্যবহার করে খুব সহজে অডিও ওয়েবপেজে যুক্ত করা যায়।


Browser সাপোর্ট

নিচে <audio> ইলামেন্ট সাপোর্ট করে এমন ব্রাউজারগুলো সর্বনিম্ন ভার্শন উল্লেখ্য করা হলো।

Element
<audio> 4.0 9.0 3.5 4.0 10.5

HTML <audio> ইলামেন্ট

ওয়েবপেজে অডিও ফাইল প্লে করার জন্য,  <audio> ‌ইলামেন্ট ব্যবহার করতে হবে:

Code Example

<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>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML Audio – কিভাবে কাজ করে

controls attribute দিয়ে audio control সমূহ যেমন, play, pause, এবং volume যুক্ত করা হয়।

<source> ইলামেন্ট দিয়ে বিকল্প অডিও সোর্স যুক্ত করা হয়। ব্রাউজার সবসময় প্রথমে যে ফাইলটি সাপার্টেড হয় সেটিকে প্লে করে।

যদি অডিও ইলামেন্ট কোনো ব্রাউজারে সাপোর্ট না করে তবে <audio> এবং </audio> এর মধ্যবর্তী টেক্সট ব্রাউজারে প্রদর্শিত হবে।


HTML Audio – Browser সাপোর্ট

HTML5-এ তিন ধরণের সাপোর্টেড অডিও ফরম্যাট রয়েছে। যেমন : MP3, Wav, এবং Ogg ।

বিভিন্ন ব্রাউজারে সাপোর্টেড ফরম্যাটগুলোকে উল্লেখ্য করা হলো।

Browser MP3 Wav Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

HTML Audio – Media -এর ধরণ

File Format Media Type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

HTML Audio – Method, Property, এবং Event সমূহ

HTML5 এ <audio> ইলামেন্ট এর জন্য DOM method, property, এবং event হ্যান্ডলার যুক্ত করা হয়েছে।

বিস্তারিত জানার জন্য HTML5 Audio/Video DOM Reference লিংকটি অনুসরণ করুন।


HTML5 Audio ট্যাগসমূহ

ট্যাগ বর্ণনা
<audio> অডিও কন্টেন্ট উপস্থাপণ করার জন্য ব্যবহৃত হয়।
<source> মিডিয়া ইলামেন্ট যেমন, <video> এবং <audio> এর জন্য একাধিক মিডিয়া সোর্স সেট করার জন্য ব্যবহৃত হয়।