(MAD) Adding Images and Sound Lesson

Adding Images and Sound 

One way that applications built with App Inventor can access sounds and images is from the sources labeled Media shown in the designer view.    

Sound

Sound is a non-visible component that plays sound files and vibrates for the number of milliseconds (thousandths of a second) specified in the Blocks Editor.

This sound component is best for short sound files, such as sound effects, while the player component is more efficient for longer sounds, such as songs.

Some commonly supported file formats are MIDI, MP3, WAVE, and MP4.

screenshot of sound UI components:
Media
Camcorder
Camera
ImagePicker
Player
Sound
Sound Recorder
SpeechRecognizer
TextToSpeech
VideoPlayer
YandexTranslate
Drowing
umation

Images

screenshot of image UI:
User Interface
Image
Component for displaying images. The picture to display, and other aspects of the Image's appearance, can be specified in the Designer or in the Blocks Editor.
ListView
More informationAn image component is used for displaying images.  You can add a background image to the screen or to a component such as a button.

App Inventor supports file BMP, GIF, JPEG, PNG and WebP file formats.  

 

 

Picking "just the right size"

When you choose an image for use in an app, you don't necessarily have to match the size it will appear on the screen. It most cases, try to get sizes within an approximate range and let App Inventor's automatic scaling do the final adjustment. If the image is much smaller than the screen size, the image may appear low quality.  

In that case, you may want to try and match the size of the image with the size of the screen.

 

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