HTML 音频

హెచ్టిఎంఎల్ లో ఆడియో ప్లే చేయడానికి అనేక పద్ధతులు ఉన్నాయి.

సమస్యలు, సమస్యలు, మరియు పరిష్కారాలు

హెచ్టిఎంఎల్ లో ఆడియో ప్లే చేయడం సులభం కాదు!

మీ ఆడియో ఫైల్స్ అన్ని బ్రౌజర్లలో (ఇంటర్నెట్ ఎక్స్ప్లోరర్, చ్రోమ్, ఫైర్ఫాక్స్, సఫారీ, ఒపెరా) మరియు అన్ని హార్డ్వేర్లో (పిసి, మ్యాక్, ఐప్యాడ్, ఐఫోన్) ప్లే అవుతుంది అని మీరు అనేక నెట్వర్కింగ్ టెక్నిక్స్ తెలుసుకోవాలి.

ఈ అధ్యాయంలో, CodeW3C.com మీకు సమస్యలు మరియు పరిష్కారాలను సమర్పించింది.

使用插件

浏览器插件是一种扩展浏览器标准功能的小型计算机程序。

ప్లగ్ఇన్లు అనేక వినియోగాలు కలిగి ఉంటాయి: సంగీతం ప్లే, మ్యాప్లు ప్రదర్శించడం, బ్యాంక్ ఖాతాలను పరిశీలించడం, ఇంట్రీస్ నియంత్రించడం మొదలైనవి.

హెచ్ఎంఎల్ పేజీలో ప్లగ్ఇన్లను జోడించడానికి <object> లేదా <embed> టాగ్లను వాడవచ్చు.

ఈ టాగ్లు రసాయనాలను (సాధారణంగా హెచ్ఎంఎల్ కాదు) కన్టైనర్లుగా నిర్వచిస్తాయి, వాటి రకం మేరకు బ్రౌజర్లు లేదా బాహ్య ప్లగ్ఇన్లు ద్వారా ప్రదర్శించబడతాయి.

<embed> మూలకాన్ని వాడండి

<embed> టాగ్ బాహ్య (హెచ్ఎంఎల్ కాదు) కంటెన్ట్ కన్టైనర్ నిర్వచిస్తుంది. (ఇది హెచ్ఎంఎల్ 5 టాగ్, హెచ్ఎంఎల్ 4 లో అనియంత్రితం కాదు, కానీ అన్ని బ్రౌజర్లలో పనిచేస్తుంది).

ఈ కోడ్ స్పందనం వెబ్ పేజీలో ముడిపెట్టిన MP3 ఫైల్ని ప్రదర్శిస్తుంది:

实例

<embed height="100" width="100" src="song.mp3" />

స్వయంగా ప్రయత్నించండి

ప్రశ్న:

  • <embed> టాగ్ హెచ్ఎంఎల్ 4 లో బలితం కాదు. పేజీ హెచ్ఎంఎల్ 4 నిరూపణకు అనువుగా లేదు.
  • వివిధ బ్రౌజర్లు ఆడియో ఫార్మట్లను వివిధంగా మద్దతు చేస్తాయి.
  • బ్రౌజర్ ఈ ఫైల్ఫార్మట్ని మద్దతు చేయనిది అయితే, ప్లగ్ఇన్ లేకపోతే ఆడియో ప్లే చేయలేదు.
  • ఉపయోగదారి కంప్యూటర్లో ప్లగ్ఇన్ లేకపోతే ఆడియో ప్లే చేయలేదు.
  • ఈ ఫైల్ని వేరే ఫార్మట్లో మార్చినా, అన్ని బ్రౌజర్లలో ప్లే చేయలేదు.

అన్నారు:HTML5 (!DOCTYPE html) ద్వారా పరిశీలనలు పరిష్కరించండి.

<object> మూలకాన్ని వాడండి

<object tag> టాగ్ కూడా బాహ్య (హెచ్ఎంఎల్ కాదు) కంటెన్ట్ కన్టైనర్ నిర్వచిస్తుంది.

ఈ కోడ్ స్పందనం వెబ్ పేజీలో ముడిపెట్టిన MP3 ఫైల్ని ప్రదర్శిస్తుంది:

实例

<object height="100" width="100" data="song.mp3"></object>

స్వయంగా ప్రయత్నించండి

ప్రశ్న:

  • వివిధ బ్రౌజర్లు ఆడియో ఫార్మట్లను వివిధంగా మద్దతు చేస్తాయి.
  • బ్రౌజర్ ఈ ఫైల్ఫార్మట్ని మద్దతు చేయనిది అయితే, ప్లగ్ఇన్ లేకపోతే ఆడియో ప్లే చేయలేదు.
  • ఉపయోగదారి కంప్యూటర్లో ప్లగ్ఇన్ లేకపోతే ఆడియో ప్లే చేయలేదు.
  • ఈ ఫైల్ని వేరే ఫార్మట్లో మార్చినా, అన్ని బ్రౌజర్లలో ప్లే చేయలేదు.

హెచ్ఎంఎల్ 5 <audio> మూలకాన్ని వాడండి

<audio> మూలకం హెచ్ఎంఎల్ 5 లో ఉంది, హెచ్ఎంఎల్ 4 లో అనియంత్రితం కాదు, కానీ అన్ని బ్రౌజర్లలో పనిచేస్తుంది.

实例

<audio controls="controls">
  <source src="song.mp3" type="audio/mp3" />
  <source src="song.ogg" type="audio/ogg" />
మీ బ్రౌజర్ ఈ ఆడియో ఫార్మట్ని మద్దతు చేయదు.
</audio>

స్వయంగా ప్రయత్నించండి

పైని ఉదాహరణలో mp3 ఫైల్ని వాడబడింది, అప్పుడు ఇంటర్నెట్ ఎక్స్ప్లోరర్, చ్రోమ్ మరియు సఫారీలో అది పనిచేస్తుంది.

ఫైర్ఫాక్స్ మరియు ఓపెరాలో ఈ ఆడియో పనిచేటట్లుగా ఒక ogg రకం ఫైల్ని జోడించబడింది. విఫలమైతే, దోష సందేశం చూపబడుతుంది.

ప్రశ్న:

  • <audio> టాగ్ హెచ్ఎంఎల్ 4 లో బలితం కాదు. మీ పేజీ హెచ్ఎంఎల్ 4 నిరూపణకు అనువుగా లేదు.
  • మీరు ఆడియో ఫైల్ని వేరే ఫార్మట్లో మార్చవలసివుంది.
  • <audio> మూలకం పాత బ్రౌజర్లలో పనిచేయదు.

అన్నారు:HTML5 (!DOCTYPE html) ద్వారా పరిశీలనలు పరిష్కరించండి.

ఉత్తమ హెచ్ఎంఎల్ పరిష్కారం

实例

<audio controls="controls" height="100" width="100">
  <source src="song.mp3" type="audio/mp3" />
  <source src="song.ogg" type="audio/ogg" />
<embed height="100" width="100" src="song.mp3" />
</audio>

స్వయంగా ప్రయత్నించండి

పైని ఉదాహరణలు రెండు వేరే ఆడియో ఫార్మాట్లను ఉపయోగించాయి. HTML5 <audio> ఎలంజంట్ మీరు mp3 లేదా ogg ఆడియోను ప్లే చేయడానికి ప్రయత్నిస్తుంది. అలా కాకపోయినప్పుడు, కోడ్ మళ్ళిగా <embed> ఎలంజంట్ ప్రయత్నిస్తుంది.

ప్రశ్న:

  • మీరు ఆడియోను వేరే ఫార్మాట్లో మార్చాలి.
  • <audio> ఎలంజంట్ HTML 4 మరియు XHTML పరిశీలనలో అనుమతించబడదు.
  • <embed> ఎలంజంట్ HTML 4 మరియు XHTML పరిశీలనలో అనుమతించబడదు.
  • <embed> ఎలంజంట్ తప్పు సందేశాలను ప్రదర్శించలేదు.

అన్నారు:HTML5 (!DOCTYPE html) ద్వారా పరిశీలనలు పరిష్కరించండి.

వెబ్ సైట్లో ఆడియోను జోడించడానికి ఎక్కువగా ఏ మార్గం ఉంది?

వెబ్ పేజీలో ఆడియోను జోడించడానికి ఎక్కువగా ఏ మార్గం ఉంది?

యాహూ మీడియా ప్లేయర్ అదే ఒకటి.

యాహూ మీడియా ప్లేయర్ ఒక వేరే మార్గం. మీరు మాత్రమే యాహూ సాంగ్ ప్లే పని చేయాలని నిర్ణయించాలి.

ఇది mp3 మరియు ఇతర రెండు ఫార్మాట్లను ప్లే చేయగలదు. ఒక సాధారణ కోడ్ ద్వారా, మీరు దానిని వెబ్ పేజీలో జతచేయవచ్చు, మరియు HTML పేజీని ప్రొఫెషనల్ ప్లేలిస్ట్లో మార్చవచ్చు.

యాహూ మీడియా ప్లేయర్

实例

<a href="song.mp3">సౌండ్ ప్లే</a>
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
</script>

స్వయంగా ప్రయత్నించండి

యాహూ ప్లేయర్ ని ఉపయోగించడం ఉచితం. దానిని ఉపయోగించడానికి, మీరు ఈ జావాస్క్రిప్ట్ ను వెబ్ పేజీ అంతంలో జతచేయాలి:

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

అప్పుడు, మీరు మాత్రమే MP3 ఫైల్ లింక్ను మీ HTML లో జతచేయాలి, జావాస్క్రిప్ట్ స్వయంచాలకంగా ప్రతి ఒక్క పాటకు ప్లే బటన్ను సృష్టిస్తుంది:

<a href="song1.mp3">సాంగ్ 1 ప్లే</a>
<a href="song2.mp3">సాంగ్ 2 ప్లే</a>
...
...
...

యాహూ మీడియా ప్లేయర్ మీ వినియోగదారులకు చిన్న ప్లే బటన్ను అందిస్తుంది, కానీ బటన్ను క్లిక్ చేసినప్పుడు, పూర్తి ప్లేయర్ ప్రకటిస్తుంది.

请注意，这个播放器始终停靠在窗框底部。只需点击它，就可将其滑出。

使用超链接

如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。

以下代码片段显示指向 mp3 文件的链接。如果用户点击该链接，浏览器会启动“辅助应用程序”来播放该文件：

实例

<a href="song.mp3">Play the sound</a>

స్వయంగా ప్రయత్నించండి

ఇన్లైన్ శబ్దం

మీరు వెబ్ పేజీలో శబ్దాన్ని చేర్చినప్పుడు లేదా వెబ్ పేజీ భాగంగా ఉన్నప్పుడు, అది ఇన్లైన్ ఆడియో అని పిలుస్తారు.

మీరు వెబ్ అప్లికేషన్స్ లో ఇన్లైన్ ఆడియో ఉపయోగించనివారికి తెలుసుకోవాలి. అలాగే, వినికి అవసరమైన ఉపయోగకర్త బ్రౌజర్ లో ఇన్లైన్ ఆడియో ఆప్షన్స్ నిలిచిపోయినప్పుడు చూడండి.

మా ఉత్తమ సలహా యొక్క ఉదాహరణ ఇది, వినికి అవసరమైన ఉపయోగకర్త క్లిక్ చేసినప్పుడు పేజీ తెరిచి రికార్డింగ్ ప్లే అవుతుంది.

HTML 4.01 మ్యూడియా టాగ్స్

టాగ్ వివరణ
<applet> నిరసించబడింది. ఇమ్బెడ్ applet నిర్వచిస్తుంది.
<embed> HTML4 లో నిరసించబడింది, HTML5 లో అనుమతించబడింది. ఇమ్బెడ్ ఆబ్జెక్ట్ నిర్వచిస్తుంది.
<object> ఇమ్బెడ్ ఆబ్జెక్ట్ నిర్వచిస్తుంది.
<param> ఆబ్జెక్ట్ పారామీటర్స్ నిర్వచిస్తుంది.

HTML 5 మ్యూడియా టాగ్స్

టాగ్ వివరణ
<audio> టాగ్ లో శబ్దం నిర్వచిస్తుంది, ఉదాహరణకు సంగీతం లేదా ఇతర ఆడియో స్ట్రీమ్.
<embed> టాగ్ లో ఇమ్బెడ్ కంటెంట్ నిర్వచిస్తుంది, ఉదాహరణకు ప్లగ్ఇన్స్.