Como reproduzir udio com

o AppInventor?


2
Como reproduzir udio com o AppInventor

Como reproduzir udio com o AppInventor?
O AppInventor oferece vrias opes para reproduzir udio, para explic-las, voc vai criar um novo projeto
ao qual chamaremos udio. Vamos explorar os distintos componentes multimdia que o site do
Appinventor oferece. Em Paleta, clique na guia Mdia.

Dispe desde componentes para gravar vdeo ou tirar fotos at componentes para reproduzir udio ou
vdeo, que o que trata este ponto. Basicamente, h dois pontos que lhe interessam: Player e Sound.
O componente Sound um componente adequado para reproduzir sons de tipo clique quando
clicamos em um boto e no para reproduzir sons longos como uma msica. Para reproduzir este tipo de
sons, voc deveria usar o componente Player que pode encontrar na Paleta, junto ao componente
Sound.
Para explicar o funcionamento deste componente, vamos arrast-lo para a viewer. O componente sound
no um componente visvel na interface e, por isso, no colocado na tela do telefone da viewer, mas
sim debaixo dela. Isto significa que, para poder us-lo, deve arrastar um boto para a viewer para que ao
clicar um som seja reproduzido.

Modelo Elearning RedunX
Libro de Estilo de Desarrollos de
Contenidos oOnline


3
Como reproduzir udio com o AppInventor

Uma vez feito isto, suba para o projeto o arquivo de udio que quer reproduzir. Clique novamente no boto
Add de Components e selecione o arquivo de udio.
Por ltimo, indique ao componente sound que esse o arquivo de udio a reproduzir. Depois clique no
componente sound e em properties, selecionamos o arquivo de udio.

Voc j tem o necessrio para poder reproduzir o arquivo de udio. Utilizando o Editor de Blocos, indique
que ao clicar no boto, no componente Sound, o som seja reproduzido.
Na guia My Blocks do Editor de Blocos, selecione o boto e escolha o bloco usado em todos os projetos,
when Button1.Click. do e arraste-o para a tela.
Por ltimo, coloque o bloco adequado do mdulo Sound1 no espao do bloco Button1.Click. Selecione o
bloco Sound1 na guia My Blocks. Se voc vir os blocos disponveis, poder deduzir que o bloco que
interessa o Sound1.Click. Arraste-o para o espao disponvel.
Com isto, o emulador deve reproduzir o som ao clicar no boto. Para verific-lo, v ao emulador e clique no
boto.
O componente Player funciona da mesma forma que o Sound. Para us-lo, no site do AppInventor,
deve arrast-lo da paleta a viewer. O componente tem o mesmo comportamento que o componente
Sound. S deve selecion-lo e, em properties, escolha o arquivo a reproduzir.


4
Como reproduzir udio com o AppInventor


Agora, deve colocar um novo boto na viewer para que ao clicar o som seja reproduzido.


Por ltimo, no Editor de Blocos, indique que ao clicar nesse novo boto o componente player reproduza
som.


5
Como reproduzir udio com o AppInventor

Selecione o novo boto na guia My Blocks e arraste o bloco Button2.Click para a tela.

Selecione o componente Player1 da guia My Blocks para ver os blocos disponveis. Procure um bloco
chamado Player1.Start e arraste-o para a tela para que encaixe no espao do bloco Button2.Click.

Retorne ao emulador e verifique se o componente funciona de uma forma similar ao componente Sound
explicado anteriormente. Voc j conhece todos os componentes multimdia dedicados reproduo.