> For the complete documentation index, see [llms.txt](https://caseytechschool.gitbook.io/app-development-using-mit-app-inventor-platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://caseytechschool.gitbook.io/app-development-using-mit-app-inventor-platform/tutorial-1-image-hide-and-seek/extension-activity-2-adding-sound-asset-to-the-app.md).

# Extension activity 2: Adding sound asset to the app

For an additional enhancement, let's integrate a sound asset into the app. Follow these straightforward steps to incorporate a sound file along with the button component.

1. Navigate to the left panel (Panel 1) and click on the <mark style="color:green;">**`Media`**</mark> tab. Drag and drop the <mark style="color:green;">**`Sound`**</mark> component onto the screen. Note that the sound component is non-visible, so you won't see any changes on the screen.
2. Upload a **WAV** sound file, similar to how you uploaded the image file.

   > Locate the sound file (<mark style="color:orange;">**`switch-1.wav`**</mark>) within the Media folder.
3. Click on <mark style="color:green;">**`Sound1`**</mark> in the <mark style="color:green;">**`Components`**</mark> tree. From the <mark style="color:green;">**`Properties`**</mark> panel, select the uploaded sound file as the <mark style="color:green;">**`Source`**</mark>.
4. Switch to the <mark style="color:green;">**`Blocks`**</mark> tab and click on <mark style="color:green;">**`Sound1`**</mark>. Drag the <mark style="color:green;">**`call Sound1.Play`**</mark> block.
5. Move the <mark style="color:green;">**`Play`**</mark> block inside both the <mark style="color:green;">**`if`**</mark> and <mark style="color:green;">**`else`**</mark> parts of the existing code. The final code should resemble the image below:&#x20;

<figure><img src="https://1663557159-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5pNfTQ4i4gxcGBvuQAOz%2Fuploads%2FW9OE8wMGdl7iF4NOGyB7%2Fblocks4.png?alt=media&amp;token=373bc821-4156-4979-a2e6-b59664b8b8b4" alt="" width="375"><figcaption><p>Final code block</p></figcaption></figure>

**All done!!!**
