অডিও ফাইল সরাসরি প্লে করুন

html5 audio player in ubuntu linux chrome browserআমরা এর আগে ব্লগার.কম এর ব্লগে আলাদা গেজেট লাগিয়ে ব্লগপাঠককে গান শুনিয়েছি। এর পদ্ধতি নিয়ে আপনার ব্লগে আপনার পছন্দের গানের সুরে পাঠকদের স্বাগত জানান এবং"আপনার ব্লগে আপনার পছন্দের গানের সুরে পাঠকদের স্বাগত জানান-০২ নামে দুটো পোস্ট "বাংলা হ্যাকস" ব্লগে প্রকাশিত হয়েছে। এই দুটো পোস্ট থেকে আপনারা জেনেছেন যে, কিভাবে ব্লগের পাঠকদের সাথে অনলাইনে আপলোড করা কোন গান শেয়ার করতে হয়। আজ আমরা আরও একটি সহজ পদ্ধতি জানবো। শুধুমাত্র একটি সহজ কোড যে কোন HTML গেজেট বা পোস্টপাতায় স্থাপন করেই আমরা যে কোন গানকে বাজাতে পারি। সরাসরি গান বাজানোর এই পদ্ধতিটি সম্ভব হয়েছে নতুন প্রযুক্তি HTML5 এর কারনে।

নিচের কোডটি লক্ষ্য করুন:

<audio src="http://sites.google.com/site/banglahacks/misc/Doelkoel-Tania.mp3" controls="controls" autoplay="autoplay"></audio>

উপরে দেয়া কোডটির লাল রঙের লাইনটি একটি গানের MP3 ফাইলের ডাইরেক্ট লিংক। এই জায়গায় আপনার পছন্দের গানের আপলোড করা ডাইরেক্ট লিংকটি বসান। এখানে controls এবং autoplay নামক দুটি এট্রিবিউট আছে। autoplay থাকার ফলে গানটি স্বয়ংক্রিয়ভাবে চালু হয়ে যাবে। আমি নিচের নমুনাতে autoplay দেইনি।



দুটি লক্ষ্যযোগ্য বিষয়ঃ
  • উল্লেখ্য যে এখনও কিছু কিছু ওয়েব ব্রাউজার এই HTML5 সাপোর্ট করে না। তাই সব ব্রাউজারে এই কোড কাজ নাও করতে পারে।
  • পোস্টের প্রথমে থাকা ছবিটি উবুন্টু ৯.১০ লিনাক্সের ক্রোম ব্রাউজারের অডিও প্লেয়ারের ছবি। আপনার ক্ষেত্রে এটা দেখতে ভিন্নরকম হতে পারে।
উল্লেখ্য যে নমুনা হিসেবে বাজানো গানটি "নীলনক্ষত্র" ব্লগের ব্লগার মি. খালিদ উমর এর মেয়ে 'তানিয়া'র গাওয়া। লিখেছেন তিনি নিজে। তাঁর ব্লগ ডায়েট এন্ড ফুডগানটি ৭ম সেকেন্ড সময় থেকে শোনা যায়
 

পাঠকের প্রতিক্রিয়া

কিছু কথা

সফটওয়ার ও ওয়েবওয়ারের বিভিন্ন টিপ্‌স, টিউটোরিয়াল, হ্যাক্‌স, টেমপ্লেট বা থিম্‌স ইত্যাদি নিয়েই আমি ব্লগ লিখছি। আমার প্রধান আগ্রহ ব্লগিং টিপস। এছাড়াও প্রযুক্তির বিচিত্র বিষয় নিয়ে মত বিনিময়, সমস্যা ও তার সমাধান এবং আলোচনা করার জন্য এই ব্লগ খুলেছি। আশা করি আপনি নিরাশ হবেন না। এই ব্লগের সব লেখাগুলো যেকোন মিডিয়ায় এই লাইসেন্সের আওতায় প্রকাশ করতে পারবেন। বিস্তারিত পড়ুন....

Search This Blog

© 2009-2014 Bangla Hacks | Design by: Bangla Hacks. Powered by: Blogger