ది ' మ్యూట్ చేయబడింది ” ప్రాపర్టీ డెవలపర్లకు వారి అవసరాలకు అనుగుణంగా ఆడియోను మ్యూట్ చేయడానికి లేదా అన్మ్యూట్ చేయడానికి ఎంపికను అందించడం ద్వారా ఆడియో ప్లేబ్యాక్ను నియంత్రించడానికి అనుమతిస్తుంది. తుది వినియోగదారులకు ఆడియోను మ్యూట్ చేయడానికి లేదా అన్మ్యూట్ చేయడానికి స్వేచ్ఛను అందించడం వారి బ్రౌజింగ్ అనుభవాన్ని మెరుగుపరుస్తుంది. అదనంగా, JavaScript వినియోగం ఆడియో ప్లేబ్యాక్పై మెరుగైన నియంత్రణను అందించే డైనమిక్ నియంత్రణను ప్రారంభిస్తుంది.
ఈ కథనం JavaScriptను ఉపయోగించి HTML DOM ఆడియో మ్యూట్ చేయబడిన ప్రాపర్టీ వినియోగాన్ని వివరిస్తుంది.
జావాస్క్రిప్ట్లో HTML DOM ఆడియో మ్యూట్ చేసిన ప్రాపర్టీని ఎలా ఉపయోగించాలి?
ది ' మ్యూట్ చేయబడింది ” వెబ్పేజీలో ఆడియోను మ్యూట్ చేయడానికి లేదా అన్మ్యూట్ చేయడానికి తరచుగా ప్రాపర్టీ ఉపయోగించబడుతుంది. విలువ ఉన్నప్పుడు ' ఆడియో.మ్యూట్ చేయబడింది 'ఆస్తి' గా సెట్ చేయబడింది నిజం ”, ఆడియో మ్యూట్ చేయబడుతుంది మరియు దాన్ని అన్మ్యూట్ చేయడానికి, “ మ్యూట్ చేయబడింది 'ఆస్తి ఇలా సెట్ చేయాలి' తప్పుడు ”. అదనంగా, మ్యూట్ చేయబడిన ఆస్తి ఇతర మీడియా నియంత్రణలతో ఏకీకరణను కలిగి ఉంది మరియు క్రాస్-బ్రౌజర్ అనుకూలతను అనుమతిస్తుంది.
వాక్యనిర్మాణం
JavaScriptలో HTML DOM ఆడియో మ్యూట్ చేయబడిన ప్రాపర్టీ కోసం సింటాక్స్ క్రింద పేర్కొనబడింది:
selectObj.muted = నిజం | తప్పుడు
ఎక్కడ ' ఎంచుకున్న Obj ” అనేది ఆడియో మ్యూట్ చేయబడే ఏదైనా ఆడియో ఫైల్. ఈ ఆస్తి కేవలం రెండు విలువలను మాత్రమే నిల్వ చేయగలదు: ' నిజం 'లేదా' తప్పుడు ”. ఈ ప్రాపర్టీని ఒప్పుకు సెట్ చేస్తే ఆడియో ఫైల్ మ్యూట్ చేయబడుతుంది మరియు దానికి విరుద్ధంగా ఉంటుంది.
ఇప్పుడు, HTML DOM గురించి మంచి అవగాహన కోసం కొన్ని ఉదాహరణల ద్వారా నడుద్దాం ' మ్యూట్ చేయబడింది ”ఆస్తి.
ఉదాహరణ 1: ఆడియో ఫైల్ను మ్యూట్ చేయడం
ఈ ఉదాహరణలో, ఎంచుకున్న ఫైల్ “ని ఉపయోగించి మ్యూట్ చేయబడుతుంది. మ్యూట్ చేయబడింది ”ఆస్తి. ఉదాహరణకు, దిగువ కోడ్ బ్లాక్ని సందర్శించండి:
< div >< h2 శైలి = 'రంగు: సీగ్రీన్;' > DOM ఆడియో మ్యూట్ చేయబడిన ఆస్తి h2 >< br >
< ఆడియో id = 'డెమో ఆడియో' నియంత్రణలు >
< మూలం src = 'audio.mp3' రకం = 'ఆడియో/mpeg' >
ఆడియో >
< br >
< బటన్ క్లిక్ చేయండి = 'మ్యూట్సెట్టర్()' > మ్యూట్కి సెట్ చేయండి బటన్ >
div >
< స్క్రిప్ట్ >
వీలు c = document.getElementById ( 'డెమో ఆడియో' ) ;
ఫంక్షన్ మ్యూట్సెట్టర్ ( ) {
c.muted = నిజం ;
అప్రమత్తం ( 'విజయవంతంగా మ్యూట్ చేయబడింది!' )
}
స్క్రిప్ట్ >
కోడ్ యొక్క వివరణ:
-
- మొదట, తల్లిదండ్రులు ' div 'మూలకం సృష్టించబడింది, ఇందులో ' <ఆడియో> 'ఐడితో ట్యాగ్' డెమో ఆడియో ”. ఈ మూలకం ఒకే 'ని కలిగి ఉంది మూలం ” ఎలిమెంట్లో ఎంచుకున్న ఆడియో ఫైల్ చిరునామా దాని రకంతో పాటు ఉంటుంది.
- తరువాత, బటన్ సృష్టించబడుతుంది, అది ' మ్యూట్సెట్టర్() 'ఫంక్షన్' ఉపయోగించి క్లిక్ చేయండి ” ఈవెంట్ శ్రోత.
- ఆపై, ''ని నమోదు చేయండి <స్క్రిప్ట్> 'ఆడియో' మూలకం యొక్క సూచనను '' అనే వేరియబుల్లో ట్యాగ్ చేసి నిల్వ చేయండి సి ”.
- ఆ తరువాత, ' మ్యూట్సెట్టర్() '' కోసం విలువను సెట్ చేయడానికి ఫంక్షన్ సృష్టించబడింది మ్యూట్ చేయబడింది 'ఆస్తి' నిజం ”. ఇది ఆడియోను మ్యూట్ చేయడానికి సెట్ చేస్తుంది మరియు హెచ్చరిక పెట్టెలో తదనుగుణంగా సందేశాన్ని ప్రదర్శిస్తుంది.
సంకలనం తరువాత:
మ్యూట్ చేయబడిన ప్రాపర్టీని ఉపయోగించి ఆడియో మ్యూట్ చేయబడిందని పై gif చూపిస్తుంది.
ఉదాహరణ: మ్యూట్ చేయబడిన ప్రాపర్టీని ఉపయోగించి ఆడియోను మ్యూట్ చేయండి మరియు అన్మ్యూట్ చేయండి
ఈ ఉదాహరణలో, ఎంచుకున్న ఆడియో ఫైల్ మ్యూట్ చేయబడుతుంది, అన్మ్యూట్ చేయబడుతుంది మరియు దాని ప్రస్తుత స్థితి “ని ఉపయోగించడం ద్వారా తిరిగి పొందబడుతుంది. మ్యూట్ చేయబడింది ”ఆస్తి. ఉదాహరణకు, క్రింది కోడ్ని సందర్శించండి:
< div >< ఆడియో id = 'డెమో ఆడియో' నియంత్రణలు >
< మూలం src = 'audio.mp3' రకం = 'ఆడియో/mpeg' >
ఆడియో >< br >
< బటన్ క్లిక్ చేయండి = 'మ్యూట్()' > ఆడియోను మ్యూట్ చేయండి బటన్ >
< బటన్ క్లిక్ చేయండి = 'అన్మ్యూట్()' > ఆడియోను అన్మ్యూట్ చేయండి బటన్ >
< బటన్ క్లిక్ చేయండి = 'మ్యూట్స్టేటస్()' > స్థితిని మ్యూట్ చేయండి బటన్ >
div >
< స్క్రిప్ట్ >
var z = document.getElementById ( 'డెమో ఆడియో' ) ;
ఫంక్షన్ మ్యూట్ చేయండి ( ) {
z.muted = నిజం ;
}
ఫంక్షన్ అన్మ్యూట్ చేయండి ( ) {
z.muted = తప్పుడు ;
}
ఫంక్షన్ మ్యూట్ స్టేటస్ ( ) {
అప్రమత్తం ( z.మ్యూట్ చేయబడింది ) ;
}
స్క్రిప్ట్ >
పై కోడ్ యొక్క వివరణ క్రింది విధంగా ఉంది:
-
- ముందుగా, HTML 'ని ఉపయోగించడం ద్వారా ఆడియో ఫైల్ వెబ్పేజీలో చొప్పించబడుతుంది. <ఆడియో> 'మరియు' ' టాగ్లు.
- అప్పుడు, '' అనే ఫంక్షన్లను పిలిచే మూడు బటన్లు సృష్టించబడతాయి. మ్యూట్() ',' అన్మ్యూట్() ', మరియు' మ్యూట్స్టేటస్() ”. వినియోగదారు సంబంధిత బటన్లపై క్లిక్ చేసినప్పుడు ఈ విధులు ప్రారంభించబడతాయి.
- తరువాత, ' కోసం ఒప్పు మరియు తప్పు విలువలను సెట్ చేయడం ద్వారా ఈ ఫంక్షన్లను నిర్వచించండి మ్యూట్() 'మరియు' అన్మ్యూట్() ” విధులు. కొరకు ' మ్యూట్స్టేటస్() 'ఫంక్షన్, 'ని మాత్రమే అటాచ్ చేయండి మ్యూట్ చేయబడింది ”మ్యూట్ ప్రాపర్టీ యొక్క ప్రస్తుత స్థితిని తిరిగి పొందడానికి ఆడియో సూచనతో కూడిన ఆస్తి.
సంకలనం తరువాత, అవుట్పుట్ క్రింది విధంగా ఉంటుంది:
ఆడియో ఫైల్ మ్యూట్ చేయబడిందని, అన్మ్యూట్ చేయబడిందని అవుట్పుట్ చూపిస్తుంది మరియు “ని ఉపయోగించడం ద్వారా దాని స్థితి కూడా తనిఖీ చేయబడుతోంది. మ్యూట్ చేయబడింది ”ఆస్తి.
ముగింపు
HTML DOM ఆడియో మ్యూట్ చేయబడిన ప్రాపర్టీ మొదట HTML 'ని ఉపయోగించి వెబ్పేజీలో ఆడియో ఫైల్ను చొప్పించడం ద్వారా ఉపయోగించబడుతుంది. ఆడియో 'మరియు' మూలం ”మూలకాలు. ఆ తర్వాత, ఈ ఆడియోకు సంబంధించిన సూచన JavaScript కోడ్లోని వేరియబుల్లో నిల్వ చేయబడుతుంది మరియు “ మ్యూట్ చేయబడింది ” ఆస్తి దానికి జత చేయబడింది. ఆడియోను మ్యూట్ చేయడానికి, ఈ ప్రాపర్టీ “కి సెట్ చేయబడింది నిజం 'మరియు' తప్పుడు ” అన్మ్యూట్ దృశ్యాల కోసం. ఈ బ్లాగ్ DOM ఆడియో మ్యూట్ చేయబడిన ప్రాపర్టీ యొక్క పని ప్రక్రియను ప్రదర్శించింది.