Awto ng HTML
- 上一页 HTML 对象
- 下一页 Bideyo ng HTML
May maraming paraan para mag-play ng tunog sa HTML.
Problema, problema, at mga solusyon
Hindi madaling mag-play ng audio sa HTML!
Kailangan mong masustansyang alam ang maraming mga kasanayan upang siguraduhin na ang iyong mga audio file ay ma-play sa lahat ng browser (Internet Explorer, Chrome, Firefox, Safari, Opera) at lahat ng hardware (PC, Mac, iPad, iPhone).
Sa kaniyang kabanata, ang CodeW3C.com ay nagbigay ng pag-iisahin ng problema at mga solusyon.
Gamit ang plugin
Ang browser plugin ay isang maliit na kompyuter program na nagpapalawak ng mga standard na pagamit ng browser.
May maraming gamit ng plugin: pag-play ng musika, pagdispley ng mapa, pag-verify ng bangko account, pagkontrol ng input at iba pa.
Maaaring gamitin ang <object> o <embed> tag upang idagdag ang plugin sa HTML page.
Ang mga tag na ito ay nag-definir ng container para sa resources (palakain ang mga hindi HTML resources), na ayon sa uri, ay ipapakita ng browser o ipapakita din ng panlabas na plugin.
Gamit ang <embed> elemento
Ang <embed> tag ay nag-definir ng container para sa panlabas na (hindi HTML) nilalaman. (Ito ay isang HTML5 tag, na walang kahulugan sa HTML4, ngunit gumagana sa lahat ng browser).
Ang nasabing code snippet ay makakapakita ng naipasok sa web page na MP3 file:
实例
<embed height="100" width="100" src="song.mp3" />
Problema:
- Ang <embed> tag ay walang kahulugan sa HTML 4. Ang pahina ay hindi mapapatunayan sa pamamagitan ng HTML 4.
- Diferente ang suporta ng iba't-ibang browser sa format ng audio.
- Kung hindi sumusuporta ang browser sa format ng file at walang plugin, hindi makakaplayer ang audio.
- Kung hindi nagkaroon ng plugin ang kompyuter ng user, hindi makakaplayer ang audio.
- Kung babaguhin ang file sa ibang format, hindi pa rin makakaplayer sa lahat ng browser.
Komento:Gamitin ang <!DOCTYPE html> (HTML5) upang malutas ang problema ng pag-verify.
Gamit ang <object> elemento
Ang <object tag> tag ay maaaring mag-definir ng container para sa panlabas na (hindi HTML) nilalaman.
Ang nasabing code snippet ay makakapakita ng naipasok sa web page na MP3 file:
实例
<object height="100" width="100" data="song.mp3"></object>
Problema:
- Diferente ang suporta ng iba't-ibang browser sa format ng audio.
- Kung hindi sumusuporta ang browser sa format ng file at walang plugin, hindi makakaplayer ang audio.
- Kung hindi nagkaroon ng plugin ang kompyuter ng user, hindi makakaplayer ang audio.
- Kung babaguhin ang file sa ibang format, hindi pa rin makakaplayer sa lahat ng browser.
Gamit ang HTML5 <audio> elemento
Ang <audio> elemento ay isang HTML5 elemento, na walang kahulugan sa HTML 4, ngunit gumagana sa lahat ng browser.
实例
<audio controls="controls"> <source src="song.mp3" type="audio/mp3" /> <source src="song.ogg" type="audio/ogg" /> Ang iyong browser ay hindi sumusuporta sa ganitong format ng audio. </audio>
Ang halimbawa sa itaas ay gumamit ng isang mp3 file, kaya ito ay gumagana sa Internet Explorer, Chrome at Safari.
Para gawing magiging epektibo ang ganitong audio sa Firefox at Opera, idinagdag ang isang ogg uri ng file. Kung bigo, magpapakita ng mensahe ng error.
Problema:
- Ang <audio> tag ay walang kahulugan sa HTML 4. Ang iyong pahina ay hindi mapapatunayan sa pamamagitan ng HTML 4.
- Kailangan mong baguhin ang format ng iyong audio file.
- Ang <audio> elemento ay hindi gumagana sa lumang mga browser.
Komento:Gamitin ang <!DOCTYPE html> (HTML5) upang malutas ang problema ng pag-verify.
Pinakamahusay na solusyon ng 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>
Ang halimbawa na ito ay gumagamit ng dalawang magkakaibang format ng audio. Ang elemento ng HTML5 <audio> ay susubukang mag-play ng audio sa mp3 o ogg. Kung nabigo, ang code ay babalik sa pagsubukang gamitin ang elemento ng <embed>.
Problema:
- Kailangan mong palitan ang format ng iyong audio.
- Ang elemento ng <audio> ay hindi maaaring mapatunayan sa HTML 4 at XHTML.
- Ang elemento ng <embed> ay hindi maaaring mapatunayan sa HTML 4 at XHTML.
- Ang elemento ng <embed> ay hindi maaaring maiba para ipakita ang mensahe ng error.
Komento:Gamitin ang <!DOCTYPE html> (HTML5) upang malutas ang problema ng pag-verify.
Ang pinakasimpleng paraan para idagdag ang audio sa website
Ano ang pinakasimpleng paraan para idagdag ang audio sa webpage?
Ang media player ng Yahoo ay kabilang sa pinaka-isa.
Ang paggamit ng Yahoo Media Player ay isa pang paraan. Lamang kailangan mong hayaan ang Yahoo na gumawa ng pag-play ng awit.
Maari itong mag-play ng mp3 at isang serye ng iba pang format. Sa pamamagitan ng isang simpleng code, maaari mong idagdag ito sa iyong webpage at madali na gawing propesyonal ang iyong HTML playlist.
Yahoo Media Player
实例
<a href="song.mp3">Play Sound</a> <script type="text/javascript" src="http://mediaplayer.yahoo.com/js"> </script>
Ang paggamit ng Yahoo Player ay libre. Kung gusto mong gamitin ito, kailangan mong ilagay ang script na ito sa ibaba ng iyong webpage:
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
Pagkatapos, lamang ilink ang iyong MP3 file sa iyong HTML, at awtomatikong maglalagay ang JavaScript ng play button para sa bawat awit:
<a href="song1.mp3">Play Song 1</a> <a href="song2.mp3">Play Song 2</a> ... ... ...
Yahoo Media Player ay nagbibigay sa iyong mga user ng isang maliit na play button, hindi ng buong player. Gayunpaman, kapag iyong pinindot ang button, magiging parusa ang buong player.
请注意,这个播放器始终停靠在窗框底部。只需点击它,就可将其滑出。
使用超链接
如果网页包含指向媒体文件的超链接,大多数浏览器会使用“辅助应用程序”来播放文件。
以下代码片段显示指向 mp3 文件的链接。如果用户点击该链接,浏览器会启动“辅助应用程序”来播放该文件:
实例
<a href="song.mp3">Play the sound</a>
内联的声音
当您在网页中包含声音,或者作为网页的组成部分时,它被称为内联声音。
如果您打算在 web 应用程序中使用内联声音,您需要意识到很多人都觉得内联声音令人恼火。同时请注意,用户可能已经关闭了浏览器中的内联声音选项。
我们最好的建议是只在用户希望听到内联声音的地方包含它们。一个正面的例子是,在用户需要听到录音并点击某个链接时,会打开页面然后播放录音。
HTML 4.01 多媒体标签
标签 | 描述 |
---|---|
<applet> | 不赞成。定义内嵌 applet。 |
<embed> | HTML4 中不赞成,HTML5 中允许。定义内嵌对象。 |
<object> | 定义内嵌对象。 |
<param> | 定义对象的参数。 |
- 上一页 HTML 对象
- 下一页 Bideyo ng HTML