এইচটিএমএল/মিউজিক
অডিও সংযোজন
কোন বিষয়কে উপস্থাপনার ক্ষেত্রে, টেক্সট এবং ছবির পাশাপাশি অডিও-ভিডিও ব্যবহার করলে বিষয়টি আরও প্রাণবন্ত হয়ে উঠে। ওয়েব মিডিয়ার মাধ্যমে এ কাজটি যতটা ভালোভাবে করা যায় আর অন্য কোনো মিডিয়ায় মাধ্যমে তা সম্ভব নয়। HTML দ্বারা তৈরি পেজে <embed> ট্যাগ ব্যবহার করে সহজেই অডিও ফাইল যুক্ত করা যায় এবং নিয়ন্ত্রণ করা যায় এবং src attribute এর সাহায্যে media file এর লোকেশন ঠিক করা হয়।
1.
<embed src="/ami tomar.mp3" />
Embed Attributes – প্রদর্শনের সাথে সর্ম্পকিত: Embeded media player এর বাহ্যিক রুপ কে কাস্টমাইজ করতে নিচের attribute কে সেট করতে হবে। ১. width - media player এর প্রশস্ততা ২. height - media player এর উচ্চতা ৩. hidden – যদি এর মান সত্য হয় তবে media player টি প্রদর্শিত হবে না। আমি সুপারিশ করব এই attribute টি ব্যবহার করতে যদি আপনি জেনে থাকেন ওয়েব পেজ এ চলা music টি ভিজিটর বন্ধ করা option না চান।
1.
<embed src="/last breath.mp3" width="360" height="165" />
Embed Attributes – কার্যপ্রণালী : Embeded media player এর কার্যপ্রণালী কে কাস্টমাইজ করতে নিচের attribute কে সেট করতে হবে। autostart – এই attribute এর দুটি মান false বা true। যদি মান true দেয়া হয় তবে ওয়েব পেজ খোলার সাথে সাথে গান শুরু হবে। loop - এই attribute এর দুটি মান false বা true সেট করা থাকলে গানটি রিপিট হবে আর false থাকলে হবে না। volume - এই attribute দ্বারা media file এর volume সেট করা হয়। এর সীমা হল ০-১০০।
1.
<embed src="/beethoven.mid" autostart="false" loop="false"
2.volume="60" />
পূর্ব প্রস্তুতি
ডেক্সটপে একটা audio নামে folder নিতে হবে এর মধ্যে audio.mp3 নামে save করা একটা অডিও ফাইল রাখতে হবে।
অনুশীলন প্রজেক্ট
<html>
<head>
<title> www.tutohost.com</title>
</head>
<body >
<p>
<center>
<embed src="audio.mp3" height="35" width="300"
controller="true" loop="false" autostart="false">
</embed>
<h3 style="color:#F00">Click play button and enjoy music.</h3>
</center>
</p>
</body>
</html>
ডেক্সটপে তৈরি করা audio folder এর মধ্যে একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html, Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।
প্রজেক্ট বিশ্লেষণ
অডিও যুক্ত করার জন্য <embed> ট্যাগ ব্যবহার করা হয়।
<embed src="audio.mp3" height="35" width="300"
controller="true" loop="false" autostart="false">
</embed>
>src="audio.mp3" এখানে src="…………." এর মধ্যে অডিও ফাইলের লিংক যুক্ত করা হয়।
height="35" width="300"</code এর মাধ্যমে ব্রাউজারে প্রদর্শিত অডিও প্লেয়ারের আকৃতি নির্ধারণ করা হয়।
controller="true" এর মাধ্যমে ওয়েব পেজে অডিও প্লেয়ার প্রদর্শন করা হবে কিনা তার নির্দেশ প্রদান করা হয়। যদি controller="……….." এর মধ্যে true লেখা হয় তাহলে অডিও প্লেয়ার প্রদর্শিত হবে আর false লেখা হলে অডিও প্লেয়ার প্রদর্শিত হবে না।
loop="false" এর মাধ্যমে audio ফাইলটি কি একবার প্লে হবে না লুপ আকারে বারবার প্লে হবে তার নির্দেশ প্রদান করা হয়। যেহেতু false লেখা আছে; সুতরাং একবার প্লে হবে।
autostart="false" এর মাধ্যমে audio ফাইলটি অটোপ্লে অর্থাৎ ওয়েব পেজ লোড হওয়ার সাথে সাথেই প্লে হবে, না অডিও প্লেয়ারের প্লে বাটনে ক্লিক করার পর প্লে হবে তার নির্দেশ প্রদান করা হয়। যেহেতু false লেখা আছে; সুতরাং অটোপ্লে হবে না, অডিও প্লেয়ারের প্লে বাটনে ক্লিক করার পর প্লে হবে।