> For the complete documentation index, see [llms.txt](https://resound.gitbook.io/resound-store-manage/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://resound.gitbook.io/resound-store-manage/how-do-i-embed-an-audio-player.md).

# 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.