# Media Upload

## Overview

HyperSkill allows adding media such as images, audio, and PDF documents to be used in their simulations. Authors must upload these files to their media repository before they can be added to  simulations. HyperSkill support the following media files.

### Images

Images can be attached to virtual object surfaces like a display monitor or a poster. Accepted files: .*jpg*, .*jpeg,* .*png*

### Audio

Audio can provide immersive sounds related to the simulation environment, or a more customized system sounds (chimes, alarms, etc.). Accepted files: .*wav*

### **Documents**

Documents uploaded to HyperSkill can be included as supplementary material (such as manuals or user guides) to assist learners with performing tasks in the simulation. Documents are also used in QA answering in **SimGPT**. Accepted files: .*pdf*

## How to Upload Media in HyperSkill

1. To access the media repository, click on the menu icon from the home page labeled **Media Library**.&#x20;

<figure><img src="https://2704613365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxYaaXoZ4YGbVdAnAhdcE%2Fuploads%2F6WyBc1aiavJVkE4FW4Ld%2Fimage.png?alt=media&#x26;token=9bd66d6e-4e97-470b-b27a-ebf7ced63464" alt=""><figcaption></figcaption></figure>

Select between the tabs to upload images, audio files, or PDF documents.

<figure><img src="https://2704613365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxYaaXoZ4YGbVdAnAhdcE%2Fuploads%2FcvegIHkRhGHmIF4Y5B8N%2Fimage.png?alt=media&#x26;token=f5ac9235-2921-46ca-9303-c3fab5779580" alt="" width="563"><figcaption></figcaption></figure>

3. Click on **+ New** and selected a file to upload.&#x20;

<figure><img src="https://2704613365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxYaaXoZ4YGbVdAnAhdcE%2Fuploads%2Fmb6cOa94dU25LNV3DPeU%2Fimage.png?alt=media&#x26;token=4d2cc2cd-7cea-45ef-ac1f-81a267dde3f6" alt="" width="563"><figcaption></figcaption></figure>

4. To delete an image, click on the **Trash** icon.&#x20;

## How to Upload Media in the web portal

1. To access the media repository, navigate to id.siminsights.com in your web browser. After login, click on "HyperSkill > Media"

<figure><img src="https://2704613365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxYaaXoZ4YGbVdAnAhdcE%2Fuploads%2FJDh1k9lzFaMeXBOezdK7%2Fimage.png?alt=media&#x26;token=80d6256c-4337-4c84-95e3-3d53b84a0be4" alt=""><figcaption></figcaption></figure>

1. Select between the tabs to upload images, audio files, or PDF documents.

<figure><img src="https://2704613365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxYaaXoZ4YGbVdAnAhdcE%2Fuploads%2FjQRuSCBT892CO2FLnsbC%2Fimage.png?alt=media&#x26;token=834a59fd-f8ce-48ea-acd9-2a9efaf6748d" alt=""><figcaption></figcaption></figure>

1. Click on **Upload** and drop a file to upload.&#x20;

<figure><img src="https://2704613365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxYaaXoZ4YGbVdAnAhdcE%2Fuploads%2FViFj3OZYpjB6CNd5yuEG%2Fimage.png?alt=media&#x26;token=46b4deab-0a48-45db-a357-ae79974ac59e" alt=""><figcaption></figcaption></figure>

1. To delete an image, click on the **Trash** button.&#x20;

## Displaying Media in your Simulation

In order to display media in your simulation, you can use the **Display Image** state action and **Play Audio** state action. More information can be found in [display-image](https://docs.siminsights.com/authoring-a-simulation/state-machine/actions/display-image "mention") and [play-audio](https://docs.siminsights.com/authoring-a-simulation/state-machine/actions/play-audio "mention") documentation.&#x20;

<figure><img src="https://2704613365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxYaaXoZ4YGbVdAnAhdcE%2Fuploads%2FF5QQ1fqS29xUFizrM1em%2Fimage.png?alt=media&#x26;token=337fa1d8-7e3b-4ba9-846f-f2e0a752bd36" alt=""><figcaption><p>Display Image state action</p></figcaption></figure>

<figure><img src="https://2704613365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxYaaXoZ4YGbVdAnAhdcE%2Fuploads%2FyVLjmwqioexUPVk5zVS6%2Fimage.png?alt=media&#x26;token=998e1075-ef7b-4036-8dfa-34bb24766c8d" alt=""><figcaption><p>Play Audio state action</p></figcaption></figure>

## Adding Documents to your Simulation

To add documents to your simulation, navigate to **Settings**. Under **Global Settings**, click on **+ Add** next to **Documents**.&#x20;

<figure><img src="https://2704613365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxYaaXoZ4YGbVdAnAhdcE%2Fuploads%2FKWbyHE6RJERsIPtdJ9f9%2Fimage.png?alt=media&#x26;token=09a23ad4-ec08-4541-b573-239997640999" alt="" width="354"><figcaption></figcaption></figure>
