1_Como Reproduzir Áudio Com o AppInventor

Embed Size (px)

Citation preview

  • 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.