# Media

The Media page can be accessed by clicking the 'Media' tab in the App header.

<figure><img src="https://1588470797-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAs6tyouSPGAAcvS6CYBG%2Fuploads%2FJiDIOeIkq4oNUlPRQpPI%2FMedia%20page.png?alt=media&#x26;token=152ed917-d17e-4269-a8d1-0e73030fd267" alt=""><figcaption><p>The Media page in Creative Studio</p></figcaption></figure>

## The Sidebar

<figure><img src="https://1588470797-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAs6tyouSPGAAcvS6CYBG%2Fuploads%2FDK4GDeebpAlSfoKKJodt%2FMedia%20page%20sidebar.jpg?alt=media&#x26;token=411907db-63e4-4ad4-a8ef-762a7b146c13" alt=""><figcaption><p>The sidebar on the Media page</p></figcaption></figure>

The sidebar is used for filtering the list of Assets.&#x20;

### Filter by:

* **Assets Source** - Assets can either be those provided by ResponsiveAds or the ones which you have uploaded.
* **Type** - Applicable to images & Components. These can be assigned to the image in the modal accessed from the 'Edit Modal'

## Sub header

<figure><img src="https://1588470797-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAs6tyouSPGAAcvS6CYBG%2Fuploads%2FTxTvyy1TCxacVJTsn8mq%2FMedia%20page-%20sub%20header.jpg?alt=media&#x26;token=0e8874b6-b627-44df-ab65-a7359ef12b86" alt=""><figcaption><p>Sub header on the Media page</p></figcaption></figure>

The tabs in the Sub header allow you to view your different types of media assets. &#x20;

In addition, there is also a search bar which can be used to find a specific Media Asset by name, as well as a sort dropdown which can be used to sort the list of Assets.

## List of Media Assets

<figure><img src="https://1588470797-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAs6tyouSPGAAcvS6CYBG%2Fuploads%2FLo6JaLBtMaRaVMzfrbGH%2FMedia%20page%20list%20of%20assets.jpg?alt=media&#x26;token=14bd864e-3d2f-4809-83ba-4e1633be3905" alt=""><figcaption><p>List of Media Assets on the Media page</p></figcaption></figure>

This is a list of all of the Media Assets you have available to you in Creative Studio. The first space in the list is a shortcut which will allow you to easily upload a new Media Asset if clicked.&#x20;

### Understanding a Media Asset at a Glance

The items in the list of Media Assets have the name of the asset, file size of the asset and the  date the asset was uploaded below the thumbnail image of the asset. What is shown will vary slightly between the different types of asset, for example a font will show the name of the asset and the number of font variations within the asset. These can be seen on the example Media & Font Assets below:

<figure><img src="https://1588470797-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAs6tyouSPGAAcvS6CYBG%2Fuploads%2F0jT3P2OLfadM1yWLqflc%2FScreenshot%202024-07-05%20at%203.10.39%E2%80%AFPM.png?alt=media&#x26;token=d2ddfbba-d008-4a5f-b907-8f1ca46d5c22" alt=""><figcaption><p>Image Media Asset</p></figcaption></figure>

<figure><img src="https://1588470797-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAs6tyouSPGAAcvS6CYBG%2Fuploads%2FvZbqH8yqhefcDMfMwB5l%2FScreenshot%202024-07-05%20at%203.11.34%E2%80%AFPM.png?alt=media&#x26;token=4857bf99-9327-4a4a-91f2-c09ddbccaab4" alt=""><figcaption><p>Font Media Asset</p></figcaption></figure>

### Hover Controls on a Media Asset

When you hover over an asset in the list, the thumbnail preview image will change to show a set of controls. What is shown will vary on the type of media asset.&#x20;

#### Image Media Asset

<figure><img src="https://1588470797-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAs6tyouSPGAAcvS6CYBG%2Fuploads%2FyxtprBpzDe3UkPnuH7AZ%2FScreenshot%202024-07-05%20at%203.10.47%E2%80%AFPM.png?alt=media&#x26;token=06c27967-e395-421e-bcbb-f077818f78c8" alt=""><figcaption><p>Image media asset</p></figcaption></figure>

* **Edit** - Launches the edit image modal, where you can change the name of the image, change the tags for the image, download and re-upload your image.
* **Copy URL** - this will copy the hosted address of the image asset to your clipboard
* **Delete**- this will delete the asset

#### Audio Media Asset

<figure><img src="https://1588470797-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAs6tyouSPGAAcvS6CYBG%2Fuploads%2Fsm7eos8HXtvyP47yxOeY%2FScreenshot%202024-07-05%20at%203.11.04%E2%80%AFPM.png?alt=media&#x26;token=b6499f15-6c5f-4a89-bc85-ae9e9f74757f" alt=""><figcaption><p>Audio media asset</p></figcaption></figure>

* **Play** - this will play the audio file
* **Delete** - this will delete the asset

#### Feeds Media Asset

<figure><img src="https://1588470797-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAs6tyouSPGAAcvS6CYBG%2Fuploads%2Frupv4Ehmrl3ANk4ZnvlR%2FScreenshot%202024-07-05%20at%203.11.24%E2%80%AFPM.png?alt=media&#x26;token=3021d0fc-630e-4d4e-b7b6-52e785f5906f" alt=""><figcaption><p>Feeds media asset</p></figcaption></figure>

* **Edit** - launches the Feed config modal where you can edit your feed config
* **Start/Stop** - Once the data source has been defined, clicking this button will map the data to the creative(s) using it.
* **Options** - from this menu you can force update your feed, or delete the feed.

#### Components Media Asset

<figure><img src="https://1588470797-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAs6tyouSPGAAcvS6CYBG%2Fuploads%2FpbxLmgmYPIKCbEmfZpm2%2FScreenshot%202024-07-05%20at%203.11.46%E2%80%AFPM.png?alt=media&#x26;token=1d343764-3cf3-4a5f-8e3f-03095a9587b7" alt=""><figcaption><p>Components media asset</p></figcaption></figure>

* **Play**- this will play the components asset file
* **Delete**- this will delete the media asset

#### HTML5 Media Asset

Coming soon

#### Code Snippets

Coming soon
