অডিও ট্যাগ
audio ট্যাগটি HTML পৃষ্ঠায়
অডিও প্লেব্যাক নিয়ন্ত্রণ করে। এটি
যোগ করলে পৃষ্ঠায় একটি প্লেয়ার উপস্থিত হয়,
যার মধ্যে "পিছনে", "সামনে",
"স্টপ" ইত্যাদি বোতাম থাকবে (তাদের চেহারা এবং সংখ্যা
ব্রাউজারের উপর নির্ভর করে)। ফাইলের পথ
src অ্যাট্রিবিউট বা নেস্টেড source ট্যাগের মাধ্যমে নির্দিষ্ট করা হয়।
source ট্যাগ প্রয়োজন
বিভিন্ন ফরমেটে অডিও ফাইলের পথ নির্দিষ্ট করতে
(যেহেতু ব্রাউজারগুলি বিভিন্ন অডিও ফরমেট
সমর্থন করে, উদাহরণস্বরূপ mp3 বা wav)।
আপনার যদি একটি ফরমেটে রেকর্ডিং থাকে,
তাহলে এটিকে অন্যান্য ফরমেটে রূপান্তর করতে হবে।
audio ট্যাগের ভিতরে পাঠ্য লেখা যেতে পারে,
যা সেইসব ব্রাউজারে প্রদর্শিত হবে যেগুলি
HTML-এ অডিও সমর্থন করে না (এটি করা হয়
ব্যবহারকারীদের এ সম্পর্কে জানানোর জন্য)।
আপনি যদি অডিও প্লেব্যাক নিয়ন্ত্রণের জন্য প্লেয়ার দেখতে চান
- তাহলে controls অ্যাট্রিবিউট যোগ করতে হবে।
এটি ছাড়া আপনি কিছুই দেখতে পাবেন না - এবং শব্দও
এই অবস্থায় থাকবে না। প্লেয়ার না থাকলেও যাতে শব্দ থাকে
- autoplay অ্যাট্রিবিউট যোগ করুন।
অ্যাট্রিবিউটসমূহ
| অ্যাট্রিবিউট | বর্ণনা |
|---|---|
src |
অডিও ফাইলের পথ নির্দেশ করে।
তবে এর জন্য source ট্যাগ ব্যবহার করা ভাল
(এই ক্ষেত্রে বিভিন্ন ফরমেটে অডিও নির্দিষ্ট করা সম্ভব হবে)।
|
preload |
ওয়েবসাইট পৃষ্ঠা লোড হওয়ার সাথে সাথে অডিও ফাইল লোড করতে ব্যবহৃত হয়।
গৃহীত মানসমূহ: none (ফাইল লোড করবে না, ডিফল্ট),
metadata (শুধুমাত্র পরিষেবা তথ্য লোড করবে: শব্দের সময়কাল ইত্যাদি),
auto (HTML পৃষ্ঠা লোড হওয়ার সময় সম্পূর্ণ অডিওফাইল লোড করবে)।
|
autoplay |
পৃষ্ঠা লোড হওয়ার পরেই শব্দ বাজানো শুরু হয়,
এবং preload অ্যাট্রিবিউটের উপস্থিতি উপেক্ষা করা হবে।
মানবিহীন অ্যাট্রিবিউট। |
controls |
অডিওফাইলে একটি কন্ট্রোল প্যানেল যোগ করে।
এবং preload অ্যাট্রিবিউটের উপস্থিতি উপেক্ষা করা হবে।
মানবিহীন অ্যাট্রিবিউট। |
loop |
অডিও রেকর্ডিংটি "চক্রে" পুনরাবৃত্তি করে: সম্পন্ন হওয়ার পরে এটি আবার বাজানো শুরু করবে।
এবং preload অ্যাট্রিবিউটের উপস্থিতি উপেক্ষা করা হবে।
মানবিহীন অ্যাট্রিবিউট। ডিফল্টভাবে (যদি অ্যাট্রিবিউট না থাকে) রেকর্ডিং শুধুমাত্র 1 বার বাজবে।
|
muted |
অডিও রেকর্ডিংয়ে শব্দ বন্ধ করে দেয়।
মানবিহীন অ্যাট্রিবিউট। ডিফল্টভাবে (যদি অ্যাট্রিবিউট না থাকে) রেকর্ডিংয়ে শব্দ চালু থাকে। |
উদাহরণ . ওয়েবসাইট পৃষ্ঠায় প্লেয়ার
আসুন পৃষ্ঠায় একটি অডিও রেকর্ডিং সহ প্লেয়ার যোগ করি।
যেসব ব্রাউজার
audio ট্যাগ সমর্থন করে না তাদের জন্য
এ সম্পর্কে একটি বিশেষ বার্তা রাখা হয়েছে:
<audio src="track.mp3" controls>
আপনার ব্রাউজার HTML5-এ অডিও সমর্থন করে না।
</audio>
উদাহরণ . সোর্স ট্যাগ সহ ওয়েবসাইট পৃষ্ঠায় প্লেয়ার
এখন audio ট্যাগের জন্য src অ্যাট্রিবিউটের পরিবর্তে
আসুন source ট্যাগ যোগ করি:
<audio controls>
<source src="track.mp3">
আপনার ব্রাউজার HTML5-এ অডিও সমর্থন করে না।
</audio>
