আজকে প্রকাশিত চাকরির পরীক্ষার নোটিশ গুলো পাবেন

HTML Audio/অডিও ট্যাগের ব্যবহার

HTML Audio/অডিও ট্যাগের ব্যবহার


কোন বিষয়কে উপস্থাপনার ক্ষেত্রে, টেক্সট এবং ছবির পাশাপাশি অডিও-ভিডিও ব্যবহার করলে বিষয়টি আরো প্রাণবন্ত হয়ে উঠে। ওয়েব মিডিয়ার মাধ্যমে এ কাজটি যতটা ভালোভাবে করা যায় আর অন্য কোনো মিডিয়ায় মাধ্যমে তা সম্ভব নয়।



এক নজরে এইচটিএমএল(৫) অডিও ট্যাগ সমুহ

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


<audio> এলিমেন্ট

ওয়েবে অডিও চালানোর জন্য এইচটিএমএল(৫) <audio> এলিমেন্ট ব্যবহার করা হয়ঃ


উদাহরণ প্রোগ্রাম:

<!DOCTYPE html>

<html>

<head>

   <title> <audio> এলিমেন্ট</title>

</head>

<body>


<audio controls>

  <source src="sweet_bird_sound.ogg" type="audio/ogg">

  <source src="sweet_bird_sound.mp3" type="audio/mpeg">

  দুঃখিত, আপনার ব্রাউজারে অডিও এলিমেন্ট সাপোর্ট করে না।

</audio>


</body>

</html>

উদাহরণের ব্যাখ্যা

controls এট্রিবিউটটি অডিও চালু করা, বন্ধ করা এবং ভলিউম নিয়ন্ত্রন করার ক্ষমতা দেয়। যে সকল ব্রাউজারে <audio> এলিমেন্ট সাপোর্ট করে না, ঐ সকল ব্রাউজারে <audio> এলিমেন্টের মাঝের লেখাটি প্রদর্শন করবে।

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

অডিও ফর্ম্যাট সাপোর্ট

<audio> এলিমেন্টে তিনটি ফর্ম্যাট সাপোর্ট করে। যথাঃ MP3, Wav, এবং Ogg । এই তিনটি ফর্ম্যাটের মধ্যে ইন্টারনেট এক্সপ্লোরারে শুধুমাত্র MP3 ফর্ম্যাট সাপোর্ট করে এবং সাফারি ব্রাউজারে MP3 ও Wav ফর্ম্যাট সাপোর্ট করে আর গুগল ক্রোম, মজিলা ফায়ারফক্স এবং অপেরা ব্রাউজারে তিনটি ফর্ম্যাটই সাপোর্ট করে।


বি:দ্র:  Output  দেখার জন্যে একটা  নোটপ্যাড  open  করে  উপরের উদাহরনের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি যে কোন Browser  দিয়ে open করুন।

☞ এই পোষ্ট সম্পর্কে যদি আপনার কোন প্রশ্ন☞জিজ্ঞাসা☞সমস্যা☞তথ্য জানার থাকে তাহলে আপনি☞কমেন্ট করলে আপনাকে আমরা প্রয়োজনীয় তথ্য দিয়ে সাহায্য করার চেষ্টা করব☞☞☞ "HTML Audio/অডিও ট্যাগের ব্যবহার"

একটি মন্তব্য পোস্ট করুন

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel