HTML 音频

హెచ్టిఎంఎల్‌లో ఆడియో ప్లే చేయడానికి అనేక మార్గాలు ఉన్నాయి.

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

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

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

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

使用插件

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

插件有很多用途：播放音乐、显示地图、验证银行账号，控制输入等等。

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

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

<embed> ఎలిమెంట్ వాడండి

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

ఈ కోడ్ స్పాన్సర్లో అందించబడిన MP3 ఫైల్ని ప్రదర్శించగలదు:

实例

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

亲自试一试

ప్రశ్న:

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

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

<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> ఎలిమెంట్ పాత బ్రౌజర్లలో పనిచేయదు.

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

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

实例

<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> ఎలిమెంట్ హెచ్ఎటిఎంఎల్ 4 మరియు XHTML పరిశీలనలో విఫలం కాగలదు.
  • <embed> ఎలిమెంట్ హెచ్ఎటిఎంఎల్ 4 మరియు XHTML పరిశీలనలో విఫలం కాగలదు.
  • <embed> ఎలిమెంట్ విఫలం కాని సమస్యలను ప్రదర్శించలేదు.

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

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

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

యాహూ యొక్క మీడియా ప్లేయర్ అదే విధంగా ఉంది.

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

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

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

实例

<a href="song.mp3">Play Sound</a>
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js">
</script>

亲自试一试

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

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

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

<a href="song1.mp3">Play Song 1</a>
<a href="song2.mp3">Play Song 2</a>
...
...
...

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

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

使用超链接

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

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

实例

Play the sound

亲自试一试

内联的声音

当您在网页中包含声音，或者作为网页的组成部分时，它被称为内联声音。

如果您打算在 web 应用程序中使用内联声音，您需要意识到很多人都觉得内联声音令人恼火。同时请注意，用户可能已经关闭了浏览器中的内联声音选项。

మా ఉత్తమ సలహా కాకుండా, వినికి కావలసిన వారికి వాటిని మాత్రమే చేర్చండి. ఒక సాధువు ఉదాహరణ ఉంది, వినికి కావలసిన వారికి లింకును క్లిక్ చేసినప్పుడు పేజీని తెరిచి శబ్దాన్ని ప్లే చేయడం.

హెచ్టిఎంఎల్ 4.01 మ్యూడియా టాగ్స్

టాగ్ వివరణ
<applet> సంకేతిస్తాయి. ఇంక్షాయిట్ ఆబ్జెక్ట్ నిర్వహిస్తాయి.
<embed> హెచ్టిఎంఎల్ 4 లో సంకేతిస్తాయి, హెచ్టిఎంఎల్ 5 లో అనుమతిస్తాయి. ఇంక్షాయిట్ ఆబ్జెక్ట్ నిర్వహిస్తాయి.
<object> ఇంక్షాయిట్ ఆబ్జెక్ట్ నిర్వహిస్తాయి.
<param> ఆబ్జెక్ట్ పారామీటర్స్ నిర్వహిస్తాయి.

హెచ్టిఎంఎల్ 5 మ్యూడియా టాగ్స్

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