এইচটিএমএল <audio> ট্যাগ

এইচটিএমএল <audio> ট্যাগ

এইচটিএমএল <audio> ট্যাগ

<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> এলিমেন্টের উদাহরণ দেখানো হলোঃ

উদাহরণ

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.   <audio controls>
  5.     <source src="simple_music.mp3" type="audio/mp3">
  6.     আপনার ব্রাউজারে audio ট্যাগ সাপোর্ট করে না।
  7.   </audio>
  8. </body>
  9. </html>

ফলাফল

 

টীকা ও মন্তব্যঃ

  • যেসকল ব্রাউজারে <audio> ট্যাগ সাপোর্ট করে না, সেখানে <audio> এবং </audio> এর মধ্যে থাকা লেখাগুলো প্রদর্শন করবে।

 

এট্রিবিউট

নিচের টেবিলে <audio> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ

 

এট্রিবিউট ভ্যালু বর্ণনা
autoplay autoplay ব্রাউজার রিলোড হওয়ার সাথে সাথে অডিওটি চলার জন্য এটি ব্যবহার করা হয়।
controls controls অডিওকে ভিজ্যুয়াল কন্টোলারের(play/pause বাটন) মাধ্যমে নিয়ন্ত্রন করার জন্য এটি ব্যবহার করা হয়।
loop loop অডিওটি প্রত্যেকবার শেষ হওয়ার পর আবার চালু হবে কিনা তা নির্দিষ্ট করে।
muted muted অডিওটিতে কোনো সাউন্ড থাকবে না।
preload auto
metadata
none
পেজ লোড হলে অডিও ফাইলটি কিভাবে লোড হবে তা নির্দিষ্ট করে।
src URL অডিও ফাইল এর URL নির্দিষ্ট করে।

 

<audio> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে