Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML 5 Tutorial Chapter 4 Audio.

Similar presentations


Presentation on theme: "HTML 5 Tutorial Chapter 4 Audio."— Presentation transcript:

1 HTML 5 Tutorial Chapter 4 Audio

2 Audio The HTML 5.0 specification allows us playing sound using the <audio> element. The <audio> element can play sound files or an audio stream. The HTML 5.0 specification aims at supporting the following sounds formats: MP3, WAV and Ogg Vorbis.

3 Format Until now, there has never been a standard for playing audio on a web page. Today, most audio are played through a plugin (like flash). However, not all browsers have the same plugins. Currently, there are 3 supported audio formats for the audio element: Format Firefox 3.5 Opera 10.5 Chrome 3.0 IE 9 Safari 3.0 Ogg Vorbis Yes No MP3 Wav

4 Basic Syntax Basic Syntax to Embed Video :
<audio src="music.ogg" controls="controls"> *Content we place in between the tags will be displayed when the browser doesn't support playing audio </audio> The control attribute is for adding the play, pause and volume controls

5 Basic Syntax The audio element allows multiple source elements. Source elements can link to different audio files. We can add the <source> child elements in between the audio element tags. The browser will use the first supported format. <audio controls="controls"> <source src="mymusic.ogg" type="audio/ogg"> <source src="mymusic.mp3" type="audio/mpeg"> browser does not support html 5.0 </audio>

6 The HTML 5.0 supports the following attributes :
Value Description autoplay Specifies that the audio will start playing as soon as it is ready. controls Specifies that controls will be displayed, such as a play button. loop Specifies that the audio will start playing again (looping) when it reaches the end preload Specifies that the audio will be loaded at page load, and ready to run. Ignored if autoplay is present. src url Specifies the URL of the audio to play

7 Reference Hickson, I. (Eds.). (2011). HTML Living Standar. Retrieved from World Wide Web Consortium. (n.d.). HTML 5 Tutorial. Retrieved from


Download ppt "HTML 5 Tutorial Chapter 4 Audio."

Similar presentations


Ads by Google