The Audio component
The Audio component lets you place audio in your ad or HTML5 document.
To add the Audio component to your project:
- Open the Components panel, then the Media folder.
- Drag the Audio component to the stage.
- In the Audio properties section of the Properties panel, configure the component by setting its properties (described below).
|Name||Sets the audio name.|
|Autoplay||When selected, the audio will play automatically when the page has loaded.|
|Loop||When selected, the audio will repeat.|
|Mute||When selected, the audio will be muted.|
|Show controls||When selected, shows the audio controls.|
|Sources||Lets you specify a URL for multiple audio sources, with the sources separated by commas. Can be bound to dynamic data.
Google Web Designer supports all audio types supported in the HTML5 audio specification, including .mp3, .ogg, and .wav formats.
Events can be used to trigger other actions in your ad. The Audio component sends the following events:
|Play after pause||Sent when playback of the audio starts after a prior pause event.|
|Paused||Sent when playback of the audio is paused.|
|Playing||Sent when the audio begins to play (for the first time, after having been paused, or after ending and then restarting).|
|Ended||Sent when playback of the audio completes.|
|Volume change||Sent when the audio volume changes (both when the volume is set and when the muted attribute is changed).|
|Seek||Sent when a seek operation completes.|
|Buffering||Sent when the requested operation (such as playback) is delayed pending the completion of another operation (such as a seek).|
These Audio component actions can be triggered by other events:
This component can't be previewed inside the Google Web Designer interface. To see the component in action, preview your document in your preferred browser by clicking the Preview button in the upper right corner.