HTML5 Audio
HTML5 Audio(audio)
HTML5 provides a standard for playing audio files.
Audio on the Internet
Until now, there has been no standard for playing audio on web pages .
Today, most audio is played through plug-ins (such as Flash). However, not all browsers have the same plugins.
HTML5 specifies a standard for embedding audio elements on web pages, using the <audio> element.
Browser support
Note: Internet Explorer IE 8 and earlier does not support the <audio> element.
HTML5 Audio - How it works
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网(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>The control attribute is used to add play, pause and volume controls. Between <audio> and </audio> you need to insert the prompt text of the <audio> element that the browser does not support. The<audio> element allows the use of multiple <source> elements. The <source> element can link different audio files, and the browser will use the first supported audio file
Audio formats and browser support
Currently, the <audio> element supports three audio format files: MP3, Wav, and 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 |
##Audio format MIME Type
| ## Format | MIME-type | ## MP3||||||
| Ogg | |||||||
| Wav | |||||||
| ##tag | Attribute |
| Defines the sound content | |
| Specifies multimedia resources, which can be multiple. Use |
in the <video> and <audio> tags ##Next Section
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文网(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>
None