Building the User Interface by Using HTML5: Text, Graphics ... - server

48 | Lesson 2The three primary types of audio files supported by popular browsers are OGG, MP3, andWAV. However, not every browser supports every audio file format, at least not today. For themost part, MP3 is the best choice for multiple browser compatibility.To help ensure your audio plays on the majority of browsers and devices, use the sourceattribute to include multiple formats in your markup. This example shows the same audiofile available in two formats:LICENSED PRODUCT NOT FOR RESALEYou can find a lot of free audio files, which are also royalty and copyright free, athttp://flashkit.com. This is a good resource for learners, and for developers who may needa sound effect for a project. Another source is the Public Domain Sherpa Web site athttp://www.publicdomainsherpa.com/public-domain-recordings.html. You can also makeyour own recordings using your computer and recording software. Windows 7 includes theSound Recorder, which lets you save audio files in WAV format.Figure 2-19HTML5 default audio controlsin a Web browserWORK WITH THE AUDIO ELEMENTGET READY. To work with the HTML5 audio element, perform the following steps:1. Locate an audio clip.2. In your editing tool, create an HTML file with the following markup. Substitute theappropriate file name for your audio clip.Audio Test3. Save your file as L2-audio.html and view it in a browser. You should see somethingsimilar to Figure 2-19. Because we didn’t include the autoplay attribute in thisexample, you need to click the Play button to start the audio clip.