How To Create Custom Soundboard Using Android App Inventor


16.05.2011

How To Create Custom Soundboard Using Android App Inventor

This how to article is going to learn you how to make your own Android application without having to write a lot of complicated code, just use the Android App Inventor which is a very simple process that requires only few drag and drop actions.

With App Inventor comes very easy and handy to start creating your own applications. Among the simplest apps that you can create using Android App Inventor, are the Soundboards applications. In the first place you have to download and install App Inventor to start making your Android applications.

This article is covering a lot of in-depth smartphone tips, so check it carefully. Please note that you need to have installed Java 1.6 or higher, download if from Java home page, soon after you are done upgrading Java, install the App inventor using the instructions for your operating system.

Go to the App Inventor site and visit My Projects section, all you have to do is login and agree the terms of service and then select the new button to start a new application progress. Just give a name to your application project and then click OK.

You can use Android App Inventor on any Operating System including Microsoft Windows, Mac OS X, Linux. After the program is initiated the viewer will appear, this screen will display what your app will look as you build it. In the first place you would have to make a title for this screen.

Go to Screen1 and select it, this is over the Components panel. You will be changing the Title field to the name of you app under the Properties section. Start setting up items on the screen and if you get involved into creating some soundboards applications begin creating some columns and rows for your soundboard button. Do this by selecting the Screen Arrangement at the Palette settings, then drag the TableArrangement item in the Viewer.

Arrange the Properties for the TableArrangement1 component on the Properties pane, here you can change it to 3 columns and 3 rows. Now you will be needing a component to play your project, select Media on the Palette, just drag the Player component to the Viewer. This will show as Player1 in the Non-visible components section. Using Andoind App Inventor you will can add sounds to your project.

This App Inventor for Android is able to support MP3 or WAV files that under 3MB in size. Select the Player 1 component and then select the Source field so you can add these audio files to your project. To upload the sound files from your computer, click Add button and then select browse.

Android App Inventor allows users to add a button for each sound by selecting the Basic Palette and drag them over to the TableArrangement1 box in the Viewer, while you can place each button within a specific column and row.

Now select each button in the Components area and then change the Text fields, that is for the sounds they will play, and that is the is the sound they will play. To control the behavior of the items click Open the Blocks Editor and get started. Open the file or grant access when requested.

Select Button1 and drag the “Button1.Click” box over the right side of the screen, prior that click on My Blocks tabs. For the Button 2 and Button 3 do as explained for Button1. After that under My Blocks tab select Player1 and drag the Player1.Source block to the Button1.Click block. The next step is to add a Player 1. Source block to the other buttons, so click blocks as well on Button2.click and button3.click etc.

Select Text and click the Built-In tab, drag a “text” block over the right and then connect it to the “Player1.Sourceā€ block. Which sound is played gets controlled by the “text” box, then click the text in the block and change it to match the Button1′s sound file. In this example the Button1 is Punch, and the text is set to Puch.mp3

In order to match the name of the sound for each button you will have to drag a “text” box to each Player1.Source and change each one. To tell your app to play the sound whenever we click the button, just click the My Blocks tab and select Player1. Take the Player1.Start to block the Button1.Click.

You have to repeat these steps for each of the button click event blocks, well guess what, you’re done. Just have created a fully functioning soundboard app. Now to see your application working you have to follow some steps.

Enable USB Debugging on your mobile device, under Settings, Applications, Development and connect it to your PC, to test your application on your Android smartphone. Click Connect button for connecting your mobile device so it can display the app straight on your mobile. To see your app in an emulator screen so you can view it on your computer, install the Android SDK and click the New button.

Now click on the Application Inventor screen to check the Package for iPhone, then download ShowBarcode on your PC as APK file or simply download it to a connected phone. All that remains now is for you to enjoy your creation, an customized soundboard application for your Android device.

Practically using Android App Inventor there is no limit of what you can create, endless applications can now be created, the only question that remains, is what would you do next. Whatever you can imagine you can create and in the end play them on your Android mobile handsets.

Tags: button, inventor, android, click, select, screen, drag, each, block, application, sound, applications, blocks, player, using, just, play, start, mobile, buttonclick, download, change, component, create, over, under, viewer, what, soundboard, text