To loop audio (specify that the audio will start over again, every time it is finished), include the loop element in the tag, like this: If you would like the audio to begin playback as soon as it is ready, you can enable autoplay as in the following example:īy retaining the controls attribute, you give visitors the option to stop or resume audio playback if they choose.
By including controls in the audio element, a simple player is displayed, enabling the user to begin playback when (or if) they want, and to adjust the volume.Īny text between the audio tags (which is not enclosed in the tags) is displayed in browsers which do not support the audio element (IE8 and below). In the example above, all code related to the audio player is wrapped in tags. If you cannot see the audio controls, your browser does not support the audio element The audio player above is produced using the following HTML code: If you cannot see the audio controls, your browser does not support the audio element. Here's a basic example using the element: It is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari, and can be set to play the linked audio file automatically (autoplay) or loop if required.
The tag is a new feature of HTML5 which we can use to natively embed audio playback in our sites. I've even created a simple form to generate basic tags for you! Adding music to your Blogspot site has never been so easy! No JavaScript, Flash or plugins are required, and with a fallback for older browsers which don't support the player. In preparation for explaining how to podcast with Blogger, this tutorial explains how to easily add an HTML5 mp3/audio player to your blog posts or layout. The development of HTML5 and tags enable us to add music to our Blogspot websites and posts far more simply, and with improved control. Since this archived post was written in 2007, web design and Blogger templates have changed immensely.
0 kommentar(er)
