এইচটিএমএল <audio> ট্যাগ
<audio> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<audio> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
ওয়েবপেজে <audio> ট্যাগের মাধ্যমে মিউজিক বা অন্য অডিও সাউন্ড সিস্টেম যুক্ত করা হয়।
বর্তমানে <audio> এলিমেন্টের জন্য তিনটি সাপোর্টকারী ফাইল ফরম্যাট রয়েছে। সেগুলো হলোঃ MP3, Wav, এবং Ogg
| ব্রাউজার | MP3 | Wav | Ogg |
|---|---|---|---|
| Internet Explorer | হ্যাঁ | না | না |
| Chrome | হ্যাঁ | হ্যাঁ | হ্যাঁ |
| Firefox | হ্যাঁ | হ্যাঁ | হ্যাঁ |
| Safari | হ্যাঁ | হ্যাঁ | না |
| Opera | হ্যাঁ | হ্যাঁ | হ্যাঁ |
তিনটি অডিও ফরম্যাটের MIME টাইপ
| ফরম্যাট | MIME- নমুনা |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
নিচের উদাহরণে <audio> এলিমেন্টের উদাহরণ দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="simple_music.mp3" type="audio/mp3">
আপনার ব্রাউজারে audio ট্যাগ সাপোর্ট করে না।
</audio>
</body>
</html>
ফলাফল
টীকা ও মন্তব্যঃ
- যেসকল ব্রাউজারে
<audio>ট্যাগ সাপোর্ট করে না, সেখানে<audio>এবং</audio>এর মধ্যে থাকা লেখাগুলো প্রদর্শন করবে।
এট্রিবিউট
নিচের টেবিলে <audio> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ণনা |
|---|---|---|
| autoplay | autoplay | ব্রাউজার রিলোড হওয়ার সাথে সাথে অডিওটি চলার জন্য এটি ব্যবহার করা হয়। |
| controls | controls | অডিওকে ভিজ্যুয়াল কন্টোলারের(play/pause বাটন) মাধ্যমে নিয়ন্ত্রন করার জন্য এটি ব্যবহার করা হয়। |
| loop | loop | অডিওটি প্রত্যেকবার শেষ হওয়ার পর আবার চালু হবে কিনা তা নির্দিষ্ট করে। |
| muted | muted | অডিওটিতে কোনো সাউন্ড থাকবে না। |
| preload | auto metadata none |
পেজ লোড হলে অডিও ফাইলটি কিভাবে লোড হবে তা নির্দিষ্ট করে। |
| src | URL | অডিও ফাইল এর URL নির্দিষ্ট করে। |
<audio> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |