# Media Connector

The Media Connector is your key to seamless control over all your media assets within your videos. It empowers you to create highly personalized content for each and every one of your viewers by enabling easy manipulation of videos, images, and sounds.

## **Key Features:**

**Asset Customization**: Your media assets are the building blocks of your video. When you upload an asset, it serves as a placeholder, and its boundaries define the dimensions within which the replacement content will appear.

* [x] **Video**: MP4
* [x] **Images**: PNG, JPG
* [x] **Sound**: MP3

## **Getting Started:**

{% stepper %}
{% step %}

### Select a layer

Begin by selecting a layer (asset) within your video.
{% endstep %}

{% step %}

### Select the data type

Choose the type of data you want to modify:

<table><thead><tr><th width="139">Data Type</th><th>Description</th></tr></thead><tbody><tr><td><strong>Data</strong></td><td>Personalize content based on individual user data, such as their profile picture or company logo.</td></tr><tr><td><strong>Edit</strong></td><td>Easily replace the existing asset with a new one.</td></tr><tr><td><strong>Expression</strong></td><td>Craft custom code to tailor the content precisely to your needs. For instance, you can use custom code to determine when specific sounds should play, like providing feedback for a trivia quiz.</td></tr></tbody></table>

{% hint style="info" %}
Moreover, you can automatically adjust the length of your video or sound asset to match the length of your replaced content, ensuring a seamless viewing experience.
{% endhint %}
{% endstep %}

{% step %}

### Done!

{% hint style="warning" %}
Once you've connected the asset to your data source, it will temporarily disappear from the preview window. Simply upload the file again to the connected field, and it will reappear as intended.
{% endhint %}

After choosing the right data source, you can further customize the alignment of the asset. Decide whether it should fit within the designated space or slice to match specific dimensions. You also have the flexibility to position it at the top left, bottom right, or any other preferred location.&#x20;
{% endstep %}
{% endstepper %}

{% hint style="info" %}
**Pro Tip:** Don't forget that you can provide a default value in case the required data is missing, ensuring a consistent viewing experience for your audience.
{% endhint %}


---

# 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://help.blings.io/creator/studio/connectors/media-connector.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.