Embed audio in your web page using HTML5, with an optional fallback to a Flash-based player for better compatibility across multiple browsers.
- For maximum compatibility across browsers, it is recommended that you specify a ".mp3" file (MP3) or a ".m4a" file (AAC) as the primary Audio File, and a ".ogg" file (Ogg) as an alternate audio file. The latest versions of Safari, Chrome, and Internet Explorer support MP3 and AAC. The Ogg file will allow HTML5 audio to work natively in Firefox, without falling back to Flash.
- You will need to make sure that your web server is configured to return the correct MIME type for the audio files you use (e.g., "audio/mpeg", "audio/x-m4a", "audio/ogg").
- The fallback Flash player can play audio files in MP3 format.
- If you try to preview the audio using the fallback Flash player, playback may not be successful. This occurs when trying to play a local audio file due to Flash security restrictions, and the problem likely won't occur when you upload the audio to a website. You may be able to work around this by adding your website folder containing the audio file in Flash's Global Security Settings.
With Flash Fallback:
Internet Explorer 7+, Firefox 3+, Safari 4+
Without Flash Fallback:
Internet Explorer 9+, Firefox 4+, Safari 4+
- Audio File
- The primary audio file to use for HTML5 playback. This can be specified as local file, which should be located in your website folder and uploaded with your website, or as a full URL to an already uploaded audio file. It is recommend that you select a ".mp3" (MP3) or ".m4a" (AAC) file for this option. Different formats can be specified for the Alternate Audio File options.
- Show Audio Controls
- Should audio controls be displayed for the user to be able to pause the audio, adjust volume, etc.?
- Loop Audio
- Should the audio automatically restart playing once it is completed?
- Autoplay Audio
- Should the audio automatically start playing when the page is loaded? Note that this is automatically enabled if Show Audio Controls is not selected.
- Fallback to Flash Player
- If HTML5 audio playback cannot be used in a browser (either because the browser does not support HTML5 or it is incompatible with the formats used for the Audio File and Alternate Audio Files), should a Flash-based audio player be used for playback.
- Alternate Audio File
- An alternate audio file to use for HTML5 playback if a browser does not support the format of the specified Audio File.
- Alternate Audio File 2
- An alternate audio file to use for HTML5 playback if a browser does not support the format of the specified Audio File and Alternate Audio File.
- Preload Audio
- This option describes if a browser will automatically load the embedded audio when it opens the HTML page containing it. The default value, "Metadata", indicates that the browser should not try to load the audio until the user tries to play it, but it can load audio information like its duration, etc. "Automatic" indicates that a browser can try to optimize performance by automatically loading the full audio when the page is opened. "None" indicates that the browser should not load any audio data until the user tries to play the audio, either because the audio is not expected to be played by most users or because the website is trying to minimize server traffic.