নিচে ওয়েব পেজে একটি অডিও ফাইলের উইন্ডো দেখুন।
এইচটিএমএল ৫ এর পূর্বে ওয়েব পেজে অডিও ফাইল চালানোর জন্য প্লাগ-ইন যেমন - ফ্ল্যাশ ইত্তাদি ব্যবহার করা হত। বর্তমানে ওয়েব পেজে অডিও চালানোর জন্য এইচটিএমএল ৫.০ এর <audio> ট্যাগ ব্যবহার করা হয়।
টেবিলে প্রদর্শিত সংখ্যাগুলো ব্রাউজারের সেই প্রথম ভার্সন নির্দেশ করে যেগুলো সম্পূর্ণ ভাবে <audio> এলিমেন্ট সমর্থন বা support করে।
এলিমেন্ট | |||||
---|---|---|---|---|---|
<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 করে।
ব্রাউজার | MP3 | Wav | Ogg |
---|---|---|---|
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 ওয়েব পেজটি ব্রাউজ করুন।