ওয়েব পেজের ব্যাকগ্রাউন্ডে সাউন্ড ফাইল চালানো

ওয়েব পেজে অডিও যোগ করতে HTML <audio> এলিমেন্ট ব্যবহার করা হয়। পেজ লোড होते ही ব্যাকগ্রাউন্ডে স্বয়ংক্রিয়ভাবে সাউন্ড চালাতে <embed> এলিমেন্টে autoplay অ্যাট্রিবিউট ব্যবহার করা হয়। loop অ্যাট্রিবিউট যোগ করলে অডিওটি বারবার বাজতে থাকে।

প্লেয়ারকে লুকিয়ে রাখতে width এবং height খুব ছোট (যেমন ২ এবং ০) সেট করা হয়। তবে আধুনিক ওয়েব ডেভেলপমেন্টে <audio> ট্যাগের সাথে autoplay এবং loop ব্যবহার করাই বেস্ট প্র্যাকটিস।

উদাহরণ

নিচের কোড চালিয়ে ব্যাকগ্রাউন্ড মিউজিক বাজানোর উদাহরণ দেখুন:

<!DOCTYPE html> <html>    <head>       <title>HTML ব্যাকগ্রাউন্ড মিউজিক</title>    </head>    <body>       <p>সंगীত ব্যাকগ্রাউন্ডে চলছে।</p>       <p>(গান: কালিম্বা যা উইন্ডোজের স্যাম্পল মিউজিক)</p>       <embed src="/html/Kalimba.mp3" loop="true" autostart="true" width="2"          height="0">    </body> </html>

সুপারিশ: আধুনিক ব্রাউজারগুলো অটোপ্লে নীতিমালা কঠোর করেছে। ব্যবহারকারীর ইন্টারঅ্যাকশন (ক্লিক, স্ক্রোল) ছাড়া অডিও অটোপ্লে ব্লক করতে পারে। তাই <audio controls autoplay loop muted> ব্যবহার করে ব্যবহারকারীকে নিজে আনমিউট করার সুযোগ দিন।

<audio autoplay loop muted>
  <source src="music.mp3" type="audio/mpeg">
  আপনার ব্রাউজার অডিও সাপোর্ট করে না।
</audio>