দ্য ' নিঃশব্দ ” প্রপার্টি ডেভেলপারদের তাদের প্রয়োজন অনুযায়ী অডিও মিউট বা আনমিউট করার বিকল্প প্রদান করে অডিও প্লেব্যাক নিয়ন্ত্রণ করতে দেয়। শেষ ব্যবহারকারীদের অডিও নিঃশব্দ বা আনমিউট করার স্বাধীনতা প্রদান করা তাদের ব্রাউজিং অভিজ্ঞতা উন্নত করে। এছাড়াও, জাভাস্ক্রিপ্টের ব্যবহার গতিশীল নিয়ন্ত্রণ সক্ষম করে যা অডিও প্লেব্যাকের উপর আরও ভাল নিয়ন্ত্রণ প্রদান করে।
এই নিবন্ধটি জাভাস্ক্রিপ্ট ব্যবহার করে HTML DOM অডিও নিঃশব্দ সম্পত্তির ব্যবহার বর্ণনা করবে।
জাভাস্ক্রিপ্টে এইচটিএমএল ডম অডিও মিউট প্রপার্টি কিভাবে ব্যবহার করবেন?
দ্য ' নিঃশব্দ একটি ওয়েবপেজে অডিওকে নিঃশব্দ বা আনমিউট করতে প্রায়শই প্রপার্টি ব্যবহার করা হয়। যখন এর মান “ audio.muted ' সম্পত্তি হিসাবে সেট করা হয়েছে ' সত্য ', অডিওটি নিঃশব্দ হয়ে যায় এবং এটিকে আনমিউট করতে, ' নিঃশব্দ ' সম্পত্তি হিসাবে সেট করা প্রয়োজন ' মিথ্যা ” উপরন্তু, নিঃশব্দ সম্পত্তি অন্যান্য মিডিয়া নিয়ন্ত্রণের সাথে একীকরণ আছে এবং ক্রস-ব্রাউজার সামঞ্জস্যের অনুমতি দেয়।
বাক্য গঠন
জাভাস্ক্রিপ্টে HTML DOM অডিও নিঃশব্দ প্রপার্টির সিনট্যাক্স নিচে উল্লেখ করা হয়েছে:
selectObj.muted = সত্য | মিথ্যা
কোথায় ' SelectObj ” যে কোনো অডিও ফাইল যার অডিও নিঃশব্দ করা হবে। এই সম্পত্তি শুধুমাত্র দুটি মান সঞ্চয় করতে পারে: ' সত্য 'বা' মিথ্যা ” যদি এই বৈশিষ্ট্যটি সত্য হিসাবে সেট করা থাকে তবে অডিও ফাইলটি নিঃশব্দ হয়ে যায় এবং এর বিপরীতে।
এখন, HTML DOM সম্পর্কে আরও ভালভাবে বোঝার জন্য কিছু উদাহরণের মাধ্যমে চলুন ' নিঃশব্দ 'সম্পত্তি।
উদাহরণ 1: অডিও ফাইল নিঃশব্দ করা
এই উদাহরণে, নির্বাচিত ফাইলটি ' ব্যবহার করে নিঃশব্দ করা হবে নিঃশব্দ 'সম্পত্তি। উদাহরণস্বরূপ, নীচের কোড ব্লক দেখুন:
< div >< h2 শৈলী = 'রঙ: সমুদ্রসবুজ;' > DOM অডিও নিঃশব্দ সম্পত্তি h2 < br >
< শ্রুতি আইডি = 'ডেমোঅডিও' নিয়ন্ত্রণ করে >
< উৎস src = 'audio.mp3' প্রকার = 'অডিও/এমপিইজি' >
শ্রুতি >
< br >
< বোতাম অনক্লিক = 'মিউটসেটার()' > নিঃশব্দে সেট করুন৷ বোতাম >
div >
< লিপি >
দিন c = document.getElementById ( 'ডেমোঅডিও' ) ;
ফাংশন মিউটসেটার ( ) {
c.muted = সত্য ;
সতর্ক ( 'সফলভাবে নিঃশব্দ!' )
}
লিপি >
কোডের ব্যাখ্যা:
-
- প্রথমত, পিতামাতা ' div ' উপাদান তৈরি করা হয় যাতে রয়েছে ' <অডিও> '' এর একটি আইডি দিয়ে ট্যাগ করুন ডেমোঅডিও ” এই উপাদানটিতে একটি একক ' উৎস ' উপাদান যা নির্বাচিত অডিও ফাইলের ঠিকানা সহ তার ধরন ধারণ করে।
- এরপরে, বোতামটি তৈরি হয় যা ' মিউটসেটার() ' ব্যবহার করে ফাংশন ' অনক্লিক ” ঘটনা শ্রোতা।
- তারপর, লিখুন ' '' নামের একটি ভেরিয়েবলে 'অডিও' উপাদানটির রেফারেন্স ট্যাগ করুন এবং সংরক্ষণ করুন গ ”
- এর পরে, ' মিউটসেটার() ' ফাংশনটি 'এর মান সেট করার জন্য তৈরি করা হয়েছে নিঃশব্দ 'সম্পত্তি' সত্য ” এটি অডিওটিকে নিঃশব্দে সেট করে এবং সতর্কতা বাক্সে সেই অনুযায়ী বার্তাটি প্রদর্শন করে।
সংকলনের পরে:
উপরের জিআইএফটি দেখায় যে অডিওটি নিঃশব্দ সম্পত্তি ব্যবহার করে নিঃশব্দ করা হয়েছে।
উদাহরণ: নিঃশব্দ প্রপার্টি ব্যবহার করে অডিওটি মিউট এবং আনমিউট করুন
এই উদাহরণে, নির্বাচিত অডিও ফাইলটি নিঃশব্দ, আনমিউট করা হবে এবং এর বর্তমান স্থিতি '' ব্যবহার করে পুনরুদ্ধার করা হবে নিঃশব্দ 'সম্পত্তি। উদাহরণস্বরূপ, নীচের কোড দেখুন:
< div >< শ্রুতি আইডি = 'ডেমোঅডিও' নিয়ন্ত্রণ করে >
< উৎস src = 'audio.mp3' প্রকার = 'অডিও/এমপিইজি' >
শ্রুতি < br >
< বোতাম অনক্লিক = 'নিঃশব্দ()' > অডিও নিঃশব্দ করুন বোতাম >
< বোতাম অনক্লিক = 'আনমিউট()' > অডিও আনমিউট করুন বোতাম >
< বোতাম অনক্লিক = 'নিঃশব্দ অবস্থা()' > নিঃশব্দ অবস্থা বোতাম >
div >
< লিপি >
var z = document.getElementById ( 'ডেমোঅডিও' ) ;
ফাংশন নিঃশব্দ ( ) {
z.muted = সত্য ;
}
ফাংশন আনমিউট ( ) {
z.muted = মিথ্যা ;
}
ফাংশন নিঃশব্দ অবস্থা ( ) {
সতর্ক ( z.নিঃশব্দ ) ;
}
লিপি >
উপরের কোডের ব্যাখ্যা নিম্নরূপ:
-
- প্রথমে, HTML ব্যবহার করে অডিও ফাইলটি ওয়েবপেজে ঢোকানো হয়। <অডিও> ' এবং ' <উৎস> ' ট্যাগ.
- তারপর, তিনটি বোতাম তৈরি করা হয় যা 'নামক ফাংশনকে কল করে' নিঃশব্দ() ', ' আনমিউট() ', এবং ' নিঃশব্দ অবস্থা() ” ব্যবহারকারী যখন সংশ্লিষ্ট বোতামগুলিতে ক্লিক করেন তখন এই ফাংশনগুলিকে আহ্বান করা হয়।
- এর পরে, “এর জন্য সত্য এবং মিথ্যার মান সেট করে এই ফাংশনগুলিকে সংজ্ঞায়িত করুন নিঃশব্দ() ' এবং ' আনমিউট() ' ফাংশন। জন্য ' নিঃশব্দ অবস্থা() ' ফাংশন, শুধুমাত্র সংযুক্ত করুন ' নিঃশব্দ ” নিঃশব্দ সম্পত্তির বর্তমান অবস্থা পুনরুদ্ধার করতে অডিও রেফারেন্স সহ সম্পত্তি।
সংকলনের পরে, আউটপুটটি নিম্নরূপ হবে:
আউটপুট দেখায় যে অডিও ফাইলটি নিঃশব্দ, আনমিউট করা হচ্ছে এবং এর স্থিতিও ' নিঃশব্দ 'সম্পত্তি।
উপসংহার
HTML DOM অডিও মিউট প্রপার্টি প্রথমে HTML ব্যবহার করে ওয়েবপেজে অডিও ফাইল সন্নিবেশ করে ব্যবহার করা হয় “ শ্রুতি ' এবং ' উৎস ' উপাদান। এর পরে, এই অডিওর রেফারেন্স জাভাস্ক্রিপ্ট কোডের ভিতরে একটি ভেরিয়েবলে সংরক্ষণ করা হয় এবং ' নিঃশব্দ ' সম্পত্তি এটি সংযুক্ত করা হয়. অডিও নিঃশব্দ করতে, এই বৈশিষ্ট্যটি 'এ সেট করা হয়েছে সত্য ' এবং ' মিথ্যা ' আনমিউট পরিস্থিতিতে জন্য. এই ব্লগটি DOM অডিও নিঃশব্দ সম্পত্তির কাজের প্রক্রিয়া প্রদর্শন করেছে৷