Search
Clear search
Close search
Google apps
Main menu
true

The Audio component

This component is not supported by AdWords or AdMob.

The Audio component lets you place audio in your ad or HTML5 document.

To add the Audio component to your project:

  1. Open the Components panel, then the Media folder.
  2. Drag the Audio component to the stage.
  3. In the Audio properties section of the Properties panel, configure the component by setting its properties (described below).

Properties

Property Description
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.
Google Web Designer supports all audio types supported in the HTML5 audio specification, including .mp4, .ogg, and .wav formats.

Events

Events can be used to trigger other actions in your ad. The Audio component sends the following events:

Event Description
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).

Actions

These Audio component actions can be triggered by other events:

Action Configuration options
Toggle mute none
Pause none
Play none
Replay none
Seek Time

Preview

Components can't be previewed inside the Google Web Designer interface. To see the component in action, preview your ad in your preferred browser.

Was this article helpful?
How can we improve it?