Click the text in the block and change it to match the name of the sound file for Button1. The “text” box will control which sound is played. You will be able to place each button within a specific row and column. Repeat these steps to add multiple sounds.Īdd a button for each sound by selecting the Basic Palette and dragging them over to the TableArrangement1 box in the Viewer. Click the Add… button and select Browse… to upload sound files from your PC. We add them to our project by selecting the Player1 component, then selecting the Source field.
App Inventor will support MP3 or WAV files that are under 3MB in size. It will appear as Player1 in the Non-visible components section. Select Media on the Palette, and drag the Player component to the Viewer. We’ll need a component to play our sounds. Here, we’ll change it to 3 columns and 3 rows. Set the Properties for the TableArrangement1 component on the Properties pane. We can do this by selecting Screen Arrangement on the Palette and dragging the TableArrangement item to the Viewer. We’re going to make columns and rows for our soundboard buttons.
Now we can start arranging items on the screen. Under the Properties section, we can change the Title field to the name of our app. Over on the Components pane, Screen1 should be selected. First we’ll want to make a title for this screen. This screen shows what your app will look like as you build it.
