# How do I embed an audio player?

## From the audio page:

Click the **\</> Embed** button at the bottom of the page.

![](https://2572259061-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lg95PqJd-1Ke8yLJ7jT%2F-Lg95TBXvoV8AvZWsbxy%2F-Lg95VFFgGTCk5paPLyV%2FScreen%20Shot%202019-03-19%20at%201.04.41%20PM.png?generation=1559242611771783\&alt=media)

The embeddable player, customization control, and embed code should appear.

![](https://2572259061-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lg95PqJd-1Ke8yLJ7jT%2F-Lg95TBXvoV8AvZWsbxy%2F-Lg95VFHd6u69RwGEq3y%2FScreen%20Shot%202019-05-02%20at%203.18.54%20PM.png?generation=1559242610897612\&alt=media)

**How do I insert an album art to the embeddable player?**

Insert the image URL of the album art to the text field called "Album Art".

![](https://2572259061-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lg95PqJd-1Ke8yLJ7jT%2F-Lg95TBXvoV8AvZWsbxy%2F-Lg95VFJqd929kf_9ZE-%2FScreen%20Shot%202019-05-03%20at%202.11.59%20PM.png?generation=1559242610538529\&alt=media)

**How can I change the color of the embeddable player?**

Insert a hex code to the text field called "Background Color".

![](https://2572259061-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lg95PqJd-1Ke8yLJ7jT%2F-Lg95TBXvoV8AvZWsbxy%2F-Lg95VFL3sSoAVDvpaKm%2FScreen%20Shot%202019-05-03%20at%202.43.58%20PM.png?generation=1559242611642164\&alt=media)

Or click on the ![](https://2572259061-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lg95PqJd-1Ke8yLJ7jT%2F-Lg95TBXvoV8AvZWsbxy%2F-Lg95VFNxxuK4frLmSFo%2FcolorPickerIcon.svg?generation=1559242611110226\&alt=media) icon which opens a color picker where a specific color can be selected.

![](https://2572259061-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lg95PqJd-1Ke8yLJ7jT%2F-Lg95TBXvoV8AvZWsbxy%2F-Lg95VFP1z46w4d4KBzr%2FScreen%20Shot%202019-05-03%20at%202.45.16%20PM.png?generation=1559242612398662\&alt=media)

Changing the accent color changes the play/pause button and the progress wave color.

![](https://2572259061-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lg95PqJd-1Ke8yLJ7jT%2F-Lg95TBXvoV8AvZWsbxy%2F-Lg95VFRgSZneCVHXt-c%2FScreen%20Shot%202019-05-03%20at%202.50.55%20PM.png?generation=1559242610197172\&alt=media)

Changing the wave color updates the color of the wave.

![](https://2572259061-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lg95PqJd-1Ke8yLJ7jT%2F-Lg95TBXvoV8AvZWsbxy%2F-Lg95VFTOP-FU7_3xxdw%2FScreen%20Shot%202019-05-03%20at%203.19.46%20PM.png?generation=1559242609329967\&alt=media)

**How do I copy the embed code?**

To copy the embed code, click on the ![](https://2572259061-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lg95PqJd-1Ke8yLJ7jT%2F-Lg95TBXvoV8AvZWsbxy%2F-Lg95VFVxW1VSDqEsfUl%2Ficon-copy-button.svg?generation=1559242609728460\&alt=media) icon and paste it to the HTML body of your page.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://resound.gitbook.io/resound-store-manage/how-do-i-embed-an-audio-player.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.