ఒక HTML5 వెబ్ పేజీకి ధ్వనిని ఎలా జోడించాలి

HTML5 మూలకంతో మీ వెబ్ పేజీలకు సౌండ్ మరియు మ్యూజిక్ జోడించడానికి సులభం చేస్తుంది. వాస్తవానికి, చేయవలసిన కష్టతరమైన విషయం ఏమిటంటే మీ ధ్వని ఫైళ్లు విశాల రకరకాల బ్రౌజర్లలో ప్లే అవుతున్నారని నిర్ధారించుకోవాల్సిన బహుళ మూలాలను సృష్టించండి.

HTML5 ఉపయోగించి ప్రయోజనం మీరు కేవలం రెండు టాగ్లు ఉపయోగించి ధ్వని పొందుపరచడానికి ఉంది. బ్రౌజర్లు, అప్పుడు, ఒక IMG మూలకం ఉపయోగించినప్పుడు వారు ఒక చిత్రం ప్రదర్శించడానికి వంటి ధ్వని ప్లే.

ఒక HTML5 వెబ్ పేజీకి ధ్వనిని ఎలా జోడించాలి

మీరు ఒక HTML ఎడిటర్ , ధ్వని ఫైల్ (వరకు MP3 ఫార్మాట్ లో) మరియు ధ్వని ఫైల్ కన్వర్టర్ అవసరం.

1. మొదట, మీకు ధ్వని ఫైల్ అవసరం. అధిక ధ్వని నాణ్యత ఉన్నందున ఇది ఒక MP3 (. Mp3 ) ఫైల్ను రికార్డ్ చేయడానికి ఉత్తమం మరియు చాలా బ్రౌజర్లు (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ మరియు సఫారి 5+) మద్దతు ఇస్తుంది.
2. ఫైర్ఫాక్స్ 3.6+ మరియు Opera 10.5+ మద్దతులో జోడించడానికి మీ ఫైల్ ను వోబీస్ ఆకృతికి ( .ogg ) మార్చండి. మీరు Vorbis.com లో కనిపించే ఒక కన్వర్టర్ను ఉపయోగించవచ్చు. మీరు Firefox మరియు Opera మద్దతు పొందడానికి మీ MP3 ను ఒక WAV ఫైల్ ఫార్మాట్ ( .wav ) కు మార్చవచ్చు. నేను మీ ఫైల్ను మూడు రకాల్లో భద్రంగా ఉంచడానికి సిఫార్సు చేస్తున్నాను, కానీ మీకు ఎంతో అవసరం MP3 మరియు మరొక రకం.
3. మీ వెబ్ సర్వర్కు అన్ని ఆడియో ఫైళ్ళను అప్లోడ్ చేయండి మరియు మీరు వాటిని నిల్వ చేసిన డైరెక్టరీని గమనించండి. చాలా మంది డిజైనర్లు చిత్రాల డైరెక్టరీలో చిత్రాలను సేవ్ చేస్తూ, కేవలం ఆడియో ఫైళ్ళకు ఉప డైరెక్టరీలో వాటిని ఉంచడానికి మంచి ఆలోచన.
4. ధ్వని ఫైల్ నియంత్రణలు ప్రదర్శించబడాలని కోరుకుంటున్న మీ HTML ఫైల్లో ఆడియో మూలకం జోడించండి.
5. AUDIO మూలకం లోపల మీరు అప్లోడ్ చేసిన ప్రతి ఆడియో ఫైల్ కోసం SOURCE అంశాలను ఉంచండి:

1. AUDIO మూలకం లోపల ఏ HTML ఆడియో మూలకం మద్దతు లేని బ్రౌజర్ల కోసం ఒక తిరిగి ఉపయోగిస్తారు. కాబట్టి కొన్ని HTML ను జోడించండి. సులభంగా ఫైల్ను వాటిని డౌన్లోడ్ చేయడానికి HTML ని జోడించడం, కానీ ధ్వనిని ప్లే చేయడానికి మీరు HTML 4.01 ఎంబెడింగ్ పద్ధతులను కూడా ఉపయోగించవచ్చు. ఇక్కడ ఒక సాధారణ తిరిగి వస్తుంది:

   మీ బ్రౌజర్ ఆడియో ప్లేబ్యాక్కు మద్దతు ఇవ్వదు, ఫైల్ను డౌన్లోడ్ చేయండి:

   1. MP3 ,
   2. వోర్బిస్ ​​, WAV
2. మీరు చెయ్యాల్సిన చివరి విషయం మీ ఆడియో మూలకం దగ్గరగా ఉంటుంది:
3. మీరు పూర్తి చేసినప్పుడు, మీ HTML ఇలా ఉండాలి:
   4. మీ బ్రౌజర్ ఆడియో ప్లేబ్యాక్కు మద్దతు ఇవ్వదు, ఫైల్ను డౌన్లోడ్ చేయండి:

   5. MP3 ,
   6. వోర్బిస్ ​​,
   7. WAV

అదనపు చిట్కాలు

1. HTML5 docctype () ని ఉపయోగించాలని నిర్ధారించుకోండి, దీని వలన మీ HTML ధృవీకరించబడుతుంది
2. ఎలిమెంట్ కోసం అందుబాటులో ఉన్న లక్షణాలను మీ ఎలిమెంట్కు మీరు జోడించే ఇతర ఎంపికలను చూడవచ్చు.
3. డిఫాల్ట్గా నియంత్రణలను చేర్చడానికి మేము HTML ను ఏర్పాటు చేసామని గమనించండి మరియు స్వీయప్లేను ఆపివేయండి. మీరు, కోర్సు యొక్క, ఆ మార్చవచ్చు, కానీ అనేక మంది వారు స్వయంచాలకంగా మొదలవుతుంది ఆ ధ్వని కనుగొనేందుకు గుర్తుంచుకోండి / వారు ఉత్తమ వద్ద బాధించే అని నియంత్రించలేరు, మరియు ఆ తరచుగా ఉన్నప్పుడు పేజీ వదిలి.