জাভাস্ক্রিপ্টে এইচটিএমএল ডম অডিও মিউট প্রপার্টি কিভাবে ব্যবহার করবেন?

Jabhaskripte E Icati Ema Ela Dama Adi O Mi Uta Praparti Kibhabe Byabahara Karabena



দ্য ' নিঃশব্দ ” প্রপার্টি ডেভেলপারদের তাদের প্রয়োজন অনুযায়ী অডিও মিউট বা আনমিউট করার বিকল্প প্রদান করে অডিও প্লেব্যাক নিয়ন্ত্রণ করতে দেয়। শেষ ব্যবহারকারীদের অডিও নিঃশব্দ বা আনমিউট করার স্বাধীনতা প্রদান করা তাদের ব্রাউজিং অভিজ্ঞতা উন্নত করে। এছাড়াও, জাভাস্ক্রিপ্টের ব্যবহার গতিশীল নিয়ন্ত্রণ সক্ষম করে যা অডিও প্লেব্যাকের উপর আরও ভাল নিয়ন্ত্রণ প্রদান করে।

এই নিবন্ধটি জাভাস্ক্রিপ্ট ব্যবহার করে 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 ' উপাদান তৈরি করা হয় যাতে রয়েছে ' <অডিও> '' এর একটি আইডি দিয়ে ট্যাগ করুন ডেমোঅডিও ” এই উপাদানটিতে একটি একক ' উৎস ' উপাদান যা নির্বাচিত অডিও ফাইলের ঠিকানা সহ তার ধরন ধারণ করে।
    • এরপরে, বোতামটি তৈরি হয় যা ' মিউটসেটার() ' ব্যবহার করে ফাংশন ' অনক্লিক ” ঘটনা শ্রোতা।
    • তারপর, লিখুন '