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

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

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

IMG మూలకం.

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

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

1. మొదట, మీకు ధ్వని ఫైల్ అవసరం. ఇది ఒక MP3 వలె ఫైల్ను రికార్డ్ చేయడం ఉత్తమం.

   .mp3) ఇది అధిక ధ్వని నాణ్యత కలిగి ఉన్నందున మరియు చాలా బ్రౌజర్లు (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ మరియు సఫారి 5+) మద్దతు ఇస్తుంది.

2. మీ ఫైల్ను వోర్బిస్ ​​ఆకృతికి మార్చండి (

   .ogg) Firefox 3.6 + మరియు Opera 10.5+ మద్దతులో చేర్చడానికి. మీరు Vorbis.com లో కనిపించే ఒక కన్వర్టర్ను ఉపయోగించవచ్చు. మీరు మీ MP3 ను ఒక WAV ఫైల్ ఫార్మాట్గా మార్చుకోవచ్చు (

   .WAV) ఫైరుఫాక్సు మరియు Opera మద్దతు పొందడానికి. నేను మీ ఫైల్ను మూడు రకాల్లో భద్రంగా ఉంచడానికి సిఫార్సు చేస్తున్నాను, కానీ మీకు ఎంతో అవసరం MP3 మరియు మరొక రకం.

3. మీ వెబ్ సర్వర్కు అన్ని ఆడియో ఫైల్లను అప్లోడ్ చేయండి మరియు మీరు వాటిని నిల్వచేసిన డైరెక్టరీని గమనించండి. చాలా మంది డిజైనర్లు చిత్రాలను సేవ్ చేసేటప్పుడు కేవలం ఆడియో ఫైళ్లు కోసం ఉప డైరెక్టరీలో వాటిని ఉంచడానికి మంచి ఆలోచన.

   చిత్రాలు డైరెక్టరీ.

4. జోడించు

   ఆడియో మీకు ధ్వని ఫైల్ నియంత్రణలు ప్రదర్శించబడాలని కోరుకుంటున్న మీ HTML ఫైల్కి మూలకం.

5. ప్లేస్

   SOURCE ప్రతి ఆడియో ఫైల్ కోసం మీరు లోపల అప్లోడ్

   ఆడియో మూలకం:

6. 1. లోపల ఏ HTML

      ఆడియో మూలకం మద్దతివ్వని బ్రౌజర్లకు తిరిగి ఉపయోగించబడుతుంది

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

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

   2. వోర్బిస్, WAV

7. మీరు చెయ్యాల్సిన చివరి విషయం మీ ఆడియో మూలకం దగ్గరగా ఉంది:

   1. మీరు పూర్తి చేసినప్పుడు, మీ HTML ఇలా ఉండాలి:

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

   5. MP3,

   6. వోర్బిస్,

   7. WAV

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

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