(MRWD) Media Components Lesson

Media Components

Media components involve images, audio, and video. Apps are created to communicate with the recorders, speakers, and cameras on smartphones.

App Inventor provides several components to communicate with your smartphone. These are found in the media tab of the palette. Before you can create an app using media, you must load the media into the program. App inventor has three different ways to access media.

Use the Media Component, Properties Area, or Set Image to URL Block

Files are uploaded to the Media section of the Components in the Designer View. They become part of the application. Anyone that downloads and installs the application will have them.  

You can also assign an image to certain components' Picture property.  

Assets are very convenient but can only store a few megabytes. They are used for small images and short audio selections.

image uploads UI: 
Media
Media Component area:
AintHeSweet.mp3
Annette Hanshaw.jpg
Beatit.m4a
Boyz II Men.jpg
Duke Ellington.jpg
Duke Ell Band ing

Properties of the Component:
Image
blues.png...

URLs and the Web

You can set an image to a URL from the web. Find an image and copy the image address. You need to be aware of the size of the image you are copying to assure it will work correctly.  

Use the set Picture to and use the image address for the picture. You can do the same for audio and video. Make sure you use the link that points to the actual file.

code block:
when Screen1.Initialize
do set Mole Picture to when Screen1 to
http://www.clker.com/cliparts/9/0/0/5/1199 589088football_ball_brice_boye_01.svg.thumb.png

These are different components Listed in the Media drawer of the Palette.

Go through the different concept cards listed in the sidebar to become familiar with how to use the Camcorder, Camera, SoundRecorder, SpeechRecognizer, and TextToSpeech feature.  

[CC BY 4.0] UNLESS OTHERWISE NOTED | IMAGES: LICENSED AND USED ACCORDING TO TERMS OF SUBSCRIPTION