HTML5 ???
HTML5 ???(???)
HTML5? ??? ?? ??? ?? ??? ?????.
????? ???
????? ?????? ???? ???? ?? ?? ??? ?????.
?? ???? ???? ????(Flash ?)? ?? ?????. ??? ?? ????? ??? ????? ?? ?? ????.
HTML5? <audio> ??? ???? ? ???? ??? ??? ???? ?? ??? ?????.
???? ??
??: Internet Explorer IE 8 ?????
HTML5 ??? - ?? ??
HTML5?? ???? ????? ?? ??? ???? ???.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的瀏覽器不支持 audio 元素。 </audio> </body> </html>
control ??? ??, ?? ?? ? ?? ???? ???? ? ?????.
<audio>? </audio> ???? ????? ???? ?? <audio> ??? ???? ???? ???? ???.
??? ?? ? ???? ???? <audio> ??? MP3, Wav ? Ogg? ? ?? ??? ?? ??? ?????.
| 瀏覽器 | MP3 | Wav | Ogg |
| Internet Explorer 9+ | YES | NO | NO |
| Chrome 6+ | YES | YES | YES |
| Firefox 3.6+ | YES | YES | YES |
| Safari 5+ | YES | YES | NO |
| Opera 10+ | YES | YES | NO |
??? MIME ??
| 格式 | MIME-type |
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
HTML5 ??? 標(biāo)簽
| 標(biāo)簽 | 屬性 |
| <audio> | 定義了聲音內(nèi)容 |
| <source> | 規(guī)定了多媒體資源, 可以是多個(gè)，在 <video> 與 <audio>標(biāo)簽中使用 |
