# Asset Area

The Asset Area consists of five functional modules: Project Assets, Asset Library, Text, Interactive Area, and Interactive Elements, typically used to import or create new content for your project.

<figure><img src="/files/YlQAIPVQaVvXFAlfRyot" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">📒Project Assets</mark>

### 1.Project Assets Intro <a href="#id-1.project-assets-intro" id="id-1.project-assets-intro"></a>

* The Project Assets contains all the assets of the project except videos, including those added to the track and those uploaded but not yet added, such as audio, images, and motion graphic.
* Added assets in the track are marked with a "Added" badge.
* You can filter the status of project assets (added and not added) using the icon on the right side. It helps you manage the usage of assets within the project.

<div align="left"><figure><img src="/files/OGtNc1BnMBs7aj9xi6n4" alt=""><figcaption></figcaption></figure></div>

### **2.Project** Assets **Operations**

#### **1）Upload Assets**

* Supports both \[Local Upload] and \[Drag-and-Drop Upload] methods.
* The upload progress will be displayed in the pop-up window at the bottom right.

<figure><img src="/files/M3EvGNmORZEo2QxY6pWI" alt=""><figcaption></figcaption></figure>

#### 2）**Add Assets to Track**

Click the "+" icon in the bottom right corner of the asset to add it to the track.

<div align="left"><figure><img src="/files/XANDekoGJMwmSAQwHAO6" alt=""><figcaption></figcaption></figure></div>

#### 3）**Replace Assets**

* Click the "..." icon in the top right corner of the corresponding asset under "Project Assets," then select "Replace Asset."  You can choose to replace the asset with one from your local device or the asset library.
* Only "Added" assets can be replaced.
* After replacement, all nodes associated with the original asset will be replaced with the target asset.

<div align="left"><figure><img src="/files/u5DDTtPtDqDIozfn2GvU" alt=""><figcaption></figcaption></figure></div>

#### 4）**Download Assets**

Click the "..." icon in the top right corner of the corresponding asset under "Project Assets," then select "Download" to download the asset to your local device.

#### 5）**Delete Assets**

Click the "..." icon in the top right corner of the corresponding asset under "Project Assets," then select "Delete" to remove the asset from the project.

<div align="left"><figure><img src="/files/XlNqMHV4CGleGUPg88We" alt=""><figcaption></figcaption></figure></div>

#### 6）**Crop/Clip Assets**

Click the "..." icon in the top right corner of the corresponding asset under "Project Assets," then select "Crop/Clip."

* When cropping an image asset, a cropping pop-up window will appear. After cropping the image to the appropriate size, click "Confirm" to generate a copy of the asset while retaining the original asset.
* When clipping an audio asset, a clipping pop-up window will appear. After clipping the audio to the appropriate length, click "Confirm" to generate a copy of the asset while retaining the original asset.

<div align="left"><figure><img src="/files/P4zzLRPlkeDJVl4h1OGq" alt=""><figcaption></figcaption></figure></div>

### 3.Assets Upload Format Requirements

Categories under "Project Assets": Audio, Images, Motion Graphic (including Sequences and DragonBones)

#### 1）Audio

* Format: MP3
* Size Requirement: Less than 1MB

#### 2）Images <a href="#id-3-images" id="id-3-images"></a>

* Format: JPG, JPEG, PNG
* Size Requirement: Less than 1MB

#### **3）Sequence**

* **ZIP** format containing multiple **PNG** files <mark style="color:red;">(Note: The ZIP archive can only contain either one folder or multiple PNG files directly.）</mark>
* Maximum File Size: Less than 8MB&#x20;
* Naming Restriction: PNG file names should not contain spaces. Additionally, they should end with a number and be numbered sequentially.
* After uploading, you can drag and adjust the order of the sequences in the parameter setting area on the right side.

#### **4）DragonBones**

* ZIP format containing 2 JSON files and 1 PNG file
* Maximum File Size: Less than 1MB
* The resource grid inside the DragonBone needs to be disabled.

<div align="left"><figure><img src="/files/53OGVhWQmFsiXxVi8a4H" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">📒</mark><mark style="color:blue;">**Asset Library**</mark>

For the function intro of the \[Asset Library], it is basically the same as the Content Editor. You can directly jump to refer 👉 [Asset Library](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/top-asset-library/asset-library.md)

<div align="left"><figure><img src="/files/caZM5nCuYhghutcciLlg" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">📒</mark><mark style="color:blue;">**Text**</mark>

* Click the "Text" button and select any text sample to add text to the track (text samples represent different initial font sizes).
* After adding, you can edit the text content and style in the parameter area on the right.

<div align="left"><figure><img src="/files/O3uIIccapRjvvUaqkf3p" alt="" width="410"><figcaption></figcaption></figure></div>

## <mark style="color:blue;">📒Interactive Area</mark>

For the function intro of the \[Interactive Area], it is basically the same as the Content Editor. You can directly jump to refer 👉 [Interactive Area](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/top-asset-library/interactive-area.md)

<div align="left"><figure><img src="/files/75fUFW24bs95nwOZKw9c" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">📒</mark><mark style="color:blue;">**Interactive Elements**</mark>

For the function intro of \[Interactive Elements], it is integrated into the track area’s user guide. You can directly jump to refer \[Track Area] 👉 [/pages/KEJQelE6yi7vVlYxx4VV#id-4.add-and-edit-interactive-elements](https://doc.playturbo.com/playable-tools-video-to-playable/video-to-playable-user-guide/pages/KEJQelE6yi7vVlYxx4VV#id-4.add-and-edit-interactive-elements "mention")

<div align="left"><figure><img src="/files/wSm2Ry1YuV4g3oW2MTqp" alt=""><figcaption></figcaption></figure></div>


---

# 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://doc.playturbo.com/playable-tools-video-to-playable/video-to-playable-user-guide/asset-area.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.