HTML আওয়াজ

এইচটিএমএল-এ আউডিও প্লে করার বিভিন্ন পদ্ধতি রয়েছে。

সমস্যা, সমস্যা, এবং সমাধান

এইচটিএমএল-এ আউডিও প্লে করা খুবই সহজ নয়!

আপনাকে অনেক কৌশল জানা প্রয়োজন, যাতে আপনার আউডিও ফাইলগুলি সকল ব্রাউজারে (ইন্টারনেট এক্সপ্লোরার, চ্রোম, ফায়ারফক্স, স্যাফারি, ওপেরা) এবং সকল হার্ডওয়্যারে (পিসি, ম্যাক, আইপ্যাড, আইফোন) প্লে করা যায়。

এই চাপে, CodeW3C.com আপনাকে সমস্যা এবং সমাধান সামগ্রী সামলানো হয়েছে。

প্লাগইনটি ব্যবহার করুন

ব্রাউজার প্লাগইনটি একটি ছোট কম্পিউটার প্রোগ্রাম, যা ব্রাউজার স্ট্যান্ডার্ড ফিচারসকে সম্প্রসারিত করে

প্লাগইনগুলির অনেক ব্যবহার আছে: সঙ্গীত প্লে, ম্যাপ প্রদর্শন, ব্যাঙ্ক অ্যাকাউন্ট পরীক্ষা, ইনপুট নিয়ন্ত্রণ ইত্যাদি

<object> এবং <embed> ট্যাগটি ব্যবহার করে HTML পেজে প্লাগইন যোগ করা যাবে

এই ট্যাগগুলি রিসোর্স (সাধারণত অহংকারী রিসোর্স) কন্টেনারকে নির্দিষ্ট করে, যা উপাদানের মতোই ব্রাউজারের দ্বারা প্রদর্শিত হবে এবং বাইরের প্লাগইন দ্বারা প্রদর্শিত হবে。

<embed> ইলেকট্রনিক্যাল এলিমেন্টটি ব্যবহার করুন

<embed> ট্যাগটি বাইরের (অহংকারী) কনটেন্টকে কন্টেনার হিসাবে নির্দিষ্ট করে, এটি একটি HTML5 ট্যাগ, যা HTML4-তে বেআইনি, কিন্তু সকল ব্রাউজারেই কাজ করে。

নিচের কোড ফ্রেজটি ওয়েবসাইটের মধ্যে এমপি৩ ফাইলটি জুড়তে পারে:

উদাহরণ

<embed height="100" width="100" src="song.mp3" />

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

প্রশ্ন:

  • <embed> ট্যাগটি HTML 4-তে বেআইনি আছে। পেজটি HTML 4-র পরীক্ষায় পাস করতে পারবে না。
  • বিভিন্ন ব্রাউজারটি অডিও ফরম্যাটকে আলাদা আলাদা পদ্ধতিতে সমর্থন করে。
  • যদি ব্রাউজারটি ফাইল ফরম্যাটটিকে সমর্থন করে না, তবে প্লাগইন ছাড়াই অডিও প্লে করা যাবে না。
  • যদি ব্যবহারকারীর কম্পিউটারে প্লাগইন ইনস্টল না হয়, তবে অডিও প্লে করা যাবে না。
  • যদি এই ফাইলটিকে অন্যান্য ফরম্যাটে রূপান্তরিত করা হয়, তবুও সকল ব্রাউজারে প্লে করা যাবে না。

মন্তব্য:HTML5 (!DOCTYPE html) ব্যবহার করে প্রমাণন সমস্যা সমাধান করুন。

<object> ইলেকট্রনিক্যাল এলিমেন্টটি ব্যবহার করুন

<object tag> ট্যাগটি বাইরের (অহংকারী) কনটেন্টকে কন্টেনার হিসাবে নির্দিষ্ট করতেও পারে。

নিচের কোড ফ্রেজটি ওয়েবসাইটের মধ্যে এমপি৩ ফাইলটি জুড়তে পারে:

উদাহরণ

<object height="100" width="100" data="song.mp3"></object>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

প্রশ্ন:

  • বিভিন্ন ব্রাউজারটি অডিও ফরম্যাটকে আলাদা আলাদা পদ্ধতিতে সমর্থন করে。
  • যদি ব্রাউজারটি ফাইল ফরম্যাটটিকে সমর্থন করে না, তবে প্লাগইন ছাড়াই অডিও প্লে করা যাবে না。
  • যদি ব্যবহারকারীর কম্পিউটারে প্লাগইন ইনস্টল না হয়, তবে অডিও প্লে করা যাবে না。
  • যদি এই ফাইলটিকে অন্যান্য ফরম্যাটে রূপান্তরিত করা হয়, তবুও সকল ব্রাউজারে প্লে করা যাবে না。

HTML5 <audio> ইলেকট্রনিক্যাল এলিমেন্টটি ব্যবহার করুন

<audio> ইলেকট্রনিক্যাল এলিমেন্টটি একটি HTML5 এলিমেন্ট, যা HTML 4-তে বেআইনি আছে, কিন্তু সকল ব্রাউজারেই কাজ করে。

উদাহরণ

<audio controls="controls">
  <source src="song.mp3" type="audio/mp3" />
  <source src="song.ogg" type="audio/ogg" />
আপনার ব্রাউজারটি এই অডিও ফরম্যাটটিকে সমর্থন করে না。
</audio>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উপরোক্ত উদাহরণটিতে mp3 ফাইল ব্যবহার করা হয়েছে, তাই ইন্টারনেট এক্সপ্লোরার, চ্রোম এবং স্যাফারিতে এটি কাজ করে。

ফাইরফক্স এবং ওপেরা-তেও এই অডিওটিকে কাজ করার জন্য ogg ফরম্যাটের ফাইল যোগ করা হয়েছে। যদি ব্যর্থ হয়, তাহলে একটি ত্রুটি সংবাদ দেখানো হবে。

প্রশ্ন:

  • <audio> ট্যাগটি HTML 4-তে বেআইনি আছে। আপনার পেজটি HTML 4-র পরীক্ষায় পাস করতে পারবে না。
  • আপনাকে অডিও ফাইলটিকে অন্যান্য ফরম্যাটে রূপান্তরিত করতে হবে。
  • <audio> ইলেকট্রনিক্যাল ব্রাউজারে কাজ করে না。

মন্তব্য:HTML5 (!DOCTYPE html) ব্যবহার করে প্রমাণন সমস্যা সমাধান করুন。

সেরা HTML সমাধান

উদাহরণ

<audio controls="controls" height="100" width="100">
  <source src="song.mp3" type="audio/mp3" />
  <source src="song.ogg" type="audio/ogg" />
<embed height="100" width="100" src="song.mp3" />
</audio>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উপরোক্ত উদাহরণটিতে দুটি ভিন্ন আউডিও ফরম্যাট ব্যবহৃত হয়েছে। HTML5 <audio> ইলেমেন্টটি mp3 এবং ogg-এ আউডিও প্লে করার চেষ্টা করবে। যদি ব্যর্থ হয়, তবে কোডটি <embed> ইলেমেন্টটির চেষ্টা করবে。

প্রশ্ন:

  • আপনিকে আউডিওকে আরও ফরম্যাটে রূপান্তরিত করতে হবে。
  • <audio> ইলেমেন্টটি HTML 4 এবং XHTML প্রমাণন করতে পারে না。
  • <embed> ইলেমেন্টটি HTML 4 এবং XHTML প্রমাণন করতে পারে না。
  • <embed> ইলেমেন্টটি ত্রুটি সংবাদ দেখানোর জন্য পুনর্বিকল্প করতে পারে না。

মন্তব্য:HTML5 (!DOCTYPE html) ব্যবহার করে প্রমাণন সমস্যা সমাধান করুন。

ওয়েবসাইটে আউডিও যোগ করার সবচেয়ে সহজ পদ্ধতি

ওয়েবপেজে আউডিও যোগ করার সবচেয়ে সহজ পদ্ধতি কী?

যাহুর মিডিয়া প্লেয়ার এটা এর মধ্যে একটি।

যাহু মিডিয়া প্লেয়ার ব্যবহার একটি ভিন্ন পথ। আপনি শুধুমাত্র যাহুকে গান প্লে করার কাজ করাতে হবেন。

এটি mp3 এবং একসারি অন্যান্য ফরম্যাট পালন করতে পারে। একটি সহজ কোড দিয়ে, আপনি তা ওয়েবপেজে যোগ করতে পারেন, এবং একটি পেজকে পেশাদারী প্লেইস্টলিস্ট মেরামত করতে পারেন。

যাহু মিডিয়া প্লেয়ার

উদাহরণ

<a href="song.mp3">Play Sound</a>
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js">
</script>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

যাহু প্লেয়ার ব্যবহার করা একটি মুক্ত পদ্ধতি। এটা ব্যবহার করার জন্য, আপনাকে এই জাভাস্ক্রিপ্টটি ওয়েবপেজ প্রত্যন্ত স্থানে যোগ করতে হবে:

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

তারপর শুধুমাত্র আপনাকে এমপি৩ ফাইল লিঙ্ক করতে হবে আপনার HTML-এ, জাভাস্ক্রিপ্ট স্বয়ংক্রিয়ভাবে প্রত্যেক গানকে প্লে বাটন তৈরি করবে:

<a href="song1.mp3">Play Song 1</a>
<a href="song2.mp3">Play Song 2</a>
...
...
...

যাহু মিডিয়া প্লেয়ার আপনার ব্যবহারকারীদের জন্য একটি ছোটখাটো প্লে বাটন প্রদান করে, না সম্পূর্ণ প্লেয়ার। কিন্তু, যখন আপনি এই বাটন ক্লিক করেন, সম্পূর্ণ প্লেয়ার উঠে আসে。

প্রতিবেদককে নজর দেওয়ার জন্য, এই প্লেয়ারটি সর্বদা উইন্ডোর নিচের প্যানেলে থাকে।শুধুমাত্র ক্লিক করলেই, তা সরাসরি উঠে আসবে।

ব্যবহার করুন হাইপারলিঙ্ক

যদি ওয়েব পেজে মিডিয়া ফাইলের লিঙ্ক থাকে, তবে অধিকাংশ ব্রাউজার 'সহযোগী অ্যাপলিকেশন' ব্যবহার করবে ফাইলটি প্লে করার জন্য:

নিম্নলিখিত কোড ফ্রেমটি mp3 ফাইলের লিঙ্ক নির্দেশ করে।যদি ব্যবহারকারী লিঙ্কটি ক্লিক করেন, তবে ব্রাউজার ফাইলটি প্লে করার জন্য 'সহযোগী অ্যাপলিকেশন' শুরু করবে:

উদাহরণ

<a href="song.mp3">Play the sound</a>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

ইনলাইন শব্দ

যখন আপনি ওয়েব পেজে শব্দ অন্তর্ভুক্ত করেন বা তা ওয়েব পেজের অংশ হয়, তখন তা ইনলাইন শব্দ হিসাবে পরিচিত

যদি আপনি ইনলাইন শব্দ ব্যবহার করতে চান, তবে আপনি মনে করতে পারেন যে বহু মানুষ ইনলাইন শব্দকে তীব্রভাবে অপসারণ করেন।এছাড়াও, ব্যবহারকারী ব্রাউজারের ইনলাইন শব্দ বিকল্পটি বন্ধ করা থাকতে পারেন。

আমাদের সর্বোত্তম পরামর্শ হল, যেখানেই ব্যবহারকারী ইনলাইন শব্দ শুনতে চায়, সেখানেই তাদের অন্তর্ভুক্ত করুন।একটি ইতিবাচক উদাহরণ হল, যখন ব্যবহারকারী রেকর্ডিং শুনতে চায় এবং কোনও লিঙ্ক ক্লিক করে, তখন পানেল খুলে এবং রেকর্ডিং প্লে করা হয়。

HTML 4.01 মাল্টিমিডিয়া ট্যাগ

ট্যাগ বর্ণনা
<applet> অপসারণ, এম্বেডডেড applet ডিফাইন
<embed> HTML4-এ অপসারণ, HTML5-এ অনুমতি দেওয়া
<object> এম্বেডডেড অবজেক্ট ডিফাইন
<param> অবজেক্টের পারামিটার ডিফাইন

HTML 5 মাল্টিমিডিয়া ট্যাগ

ট্যাগ বর্ণনা
<audio> ট্যাগ ডিফাইনশন শব্দ, যেমন সঙ্গীত বা অন্য অডিও স্ট্রিম。
<embed> ট্যাগ ডিফাইনশন এম্বেডডেড কনটেন্ট, যেমন প্লাগইন。