Embed a sound file, Insert html5 audio – Adobe Dreamweaver CC 2015 User Manual
Page 323
316
Page content and assets
Last updated 6/3/2015
Embed a sound file
Embedding audio incorporates the sound directly into the page, but the sound only plays if visitors to your site have
the appropriate plug-in for the chosen sound file. Embed files if you want to use the sound as background music, or if
you want to control the volume, the way the player looks on the page, or the beginning and ending points of the sound
file.
When incorporating sound files in your web pages, carefully consider their appropriate use in your web site, and how
visitors to your site use these media resources. Always provide a control to either enable or disable the playing of the
sound, in the event that visitors don’t want to listen to the audio content.
1
In Design view, place the insertion point where you want to embed the file and do one of the following:
• In the Common category of the Insert panel, click the Media button and select the Plugin icon
from the pop-
up menu.
• Select Insert > Media > Plugin.
2
Browse for the audio file and click OK.
3
Enter the width and height by entering the values in the appropriate text boxes in the Property inspector or by
resizing the plug-in placeholder in the Document window.
These values determine the size at which the audio controls are displayed in the browser.
More Help topics
Insert HTML5 audio
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
Insert HTML5 audio
1
Ensure that your cursor is at the location where you want to insert the audio.
2
Select Insert > Media > HTML5 Audio. The audio file is inserted at the specified location.
3
In the Properties panel, enter the following information:
• Source / Alt Source 1 / Alt Source 2: In Source, enter the location of the audio file. Alternatively, click the folder
icon to select an audio file from your computer. Support for audio formats varies on different browsers. If the
audio format in Source is not supported, the format specified in Alt Source 1 or Alt Source 2 is used. The browser
selects the first recognized format to display the audio.
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.