' خاموش پراپرٹی ڈویلپرز کو ان کی ضروریات کے مطابق آڈیو کو خاموش یا غیر خاموش کرنے کا اختیار فراہم کرکے آڈیو پلے بیک کو کنٹرول کرنے کی اجازت دیتی ہے۔ آخری صارفین کو آڈیو کو خاموش یا غیر خاموش کرنے کی آزادی فراہم کرنا ان کے براؤزنگ کے تجربے کو بہتر بناتا ہے۔ اس کے علاوہ، JavaScript کا استعمال متحرک کنٹرول کو قابل بناتا ہے جو آڈیو پلے بیک پر بہتر کنٹرول فراہم کرتا ہے۔
یہ مضمون جاوا اسکرپٹ کا استعمال کرتے ہوئے HTML DOM آڈیو میوٹ شدہ پراپرٹی کے استعمال کی وضاحت کرے گا۔
جاوا اسکرپٹ میں ایچ ٹی ایم ایل ڈوم آڈیو میوٹڈ پراپرٹی کا استعمال کیسے کریں؟
' خاموش ویب پیج پر آڈیو کو خاموش یا غیر خاموش کرنے کے لیے پراپرٹی اکثر استعمال ہوتی ہے۔ جب کی قدر ' audio.muted 'پراپرٹی سیٹ کی گئی ہے' سچ '، آڈیو خاموش ہو جاتا ہے، اور اسے چالو کرنے کے لیے، ' خاموش پراپرٹی کو بطور سیٹ کرنے کی ضرورت ہے جھوٹا ' اس کے علاوہ، خاموش شدہ پراپرٹی میں دیگر میڈیا کنٹرولز کے ساتھ انضمام ہے اور کراس براؤزر مطابقت کی اجازت دیتا ہے۔
نحو
جاوا اسکرپٹ میں HTML DOM آڈیو خاموش شدہ پراپرٹی کے لیے نحو ذیل میں بیان کیا گیا ہے:
selectObj.muted = سچ | جھوٹا
کہاں ' منتخب کردہObj کوئی بھی آڈیو فائل ہے جس کا آڈیو خاموش کیا جا رہا ہے۔ یہ پراپرٹی صرف دو قدروں کو محفوظ کر سکتی ہے: سچ 'یا' جھوٹا ' اگر یہ پراپرٹی صحیح پر سیٹ ہے تو آڈیو فائل خاموش ہو جاتی ہے اور اس کے برعکس۔
اب، آئیے ایچ ٹی ایم ایل ڈوم کی بہتر تفہیم کے لیے کچھ مثالوں پر چلتے ہیں۔ خاموش ' جائیداد.
مثال 1: آڈیو فائل کو خاموش کرنا
اس مثال میں، منتخب فائل کو استعمال کرتے ہوئے خاموش کیا جائے گا خاموش ' جائیداد. مثال کے طور پر، ذیل میں کوڈ بلاک ملاحظہ کریں:
< div >< h2 انداز = 'رنگ: سمندری سبز؛' > DOM آڈیو خاموش پراپرٹی h2 >< بی آر >
< آڈیو آئی ڈی = 'ڈیمو آڈیو' کنٹرول کرتا ہے >
< ذریعہ src = 'audio.mp3' قسم = 'آڈیو/MPEG' >
آڈیو >
< بی آر >
< بٹن کلک پر = 'muteSetter()' > خاموش پر سیٹ کریں۔ بٹن >
div >
< سکرپٹ >
دو c = document.getElementById ( 'ڈیمو آڈیو' ) ;
فنکشن muteSetter ( ) {
c.muted = سچ ;
الرٹ ( 'کامیابی سے خاموش ہو گیا!' )
}
سکرپٹ >
کوڈ کی وضاحت:
-
- سب سے پہلے، والدین ' div ' عنصر بنایا گیا ہے جس میں ' <آڈیو> 'کی آئی ڈی کے ساتھ ٹیگ کریں' ڈیمو آڈیو ' اس عنصر میں ایک ' ذریعہ ' عنصر جس میں منتخب آڈیو فائل کا پتہ اس کی قسم کے ساتھ ہوتا ہے۔
- اگلا، بٹن بنایا گیا ہے جو ' muteSetter() فنکشن کا استعمال کرتے ہوئے کلک پر 'واقعہ سننے والا۔
- پھر، درج کریں '