Ensure that your cursor is at the location where you want to insert the audio.
Read this article to know how to insert HTML5 audio in your Dreamweaver web pages and preview the audio in a browser.
Dreamweaver allows you to insert and preview HTML5 audio in web pages. The HTML5 audio element provides a standard way to embed audio content into web pages.
For more information on HTML5 audio element, see the article on HTML5 audio at W3schools.com.
Ensure that your cursor is at the location where you want to insert the audio.
Select Insert > HTML > HTML5 Audio. The audio file is inserted at the specified location.
In the Properties Inspector, enter the following information:
To quickly add videos to the three fields, use multiple selection. When you choose three video formats for the same video from a folder, the first format in the list is used for the Source. The following formats in the list are used to auto-fill Alt Source 1 and Alt Source 2.
Browser |
MP3 |
Wav |
Ogg |
Internet Explorer 9 |
YES |
NO |
NO |
Firefox 4.0 |
NO |
YES |
YES |
Google Chrome 6 |
YES |
YES |
YES |
Apple Safari 5 |
YES |
YES |
NO |
Opera 10.6 |
NO |
YES |
YES |
Save the web page.
Select File > Real-time Preview. Select the browser in which you want to preview the audio.
Sign in to your account