Neste tutorial vamos criar um aplicativo muito simples, utilizando os elementos gráficos e blocos do Thunkable, não utilizaremos linhas de código, apenas blocos e elementos gráficos, se você não conhece a plataforma de desenvolvimento, acesse esse link com tutoriais para iniciantes.
Nosso objetivo será o de mostrar como desenvolver uma aplicação que grava vídeo, salva e reproduz, nada sofisticado, sendo o único objetivo de ensinar o básico dos elementos de mídia do thunkable.
Vamos iniciar nossa aplicação e para isso vamos usar a plataforma de desenvolvimento online Thunkable, sem a necessidade de instalar qualquer programa no computador apenas um pequeno aplicativo no celular para emular a aplicação, e pode ser encontrado neste link app Thunkable..
Acessaremos a plataforma de desenvolvimento para PC neste link LINK Thunkable . .
(Se você não conhece a plataforma de desenvolvimento ou quer ver um tutorial bem básico de como usar o Thunkable acesse esse link "Tutorial básico thunkable" ).
Selecione a forma clássica da plataforma.
Clique em "create new app", e na janela que aparecer escreva Camcorder e aperte OK.
Vamos adicionar os itens gráficos da aplicação, repare que cada item adicionado, automaticamente sera exibidos na emulação do seu celular.
Vamos precisar de três elementos gráficos para esta aplicação, serão eles "Um Button", "um Camcorder ", repare que o elemento Camcorder não vai aparecer na tela pois é um elemento invisível ", e por fim o Vídeo Player ", responsável por reproduzir o vídeo gravado. Clique nos itens e arraste para Screen1.
Vamos fazer alguns ajustes nos elementos gráficos para que a tela fique mais amigável, com reprodução de vídeo maior .
Selecione vídeo player e em propriedades coloque "Fill parents" em Height e Width, para tornar a tela de exibição maior.
Em Button vá também em propriedade e na caixa Text, renomeie Button1 para Gravar.
Nossa parte gráfica já esta pronta, agora clique em Blocks.
Já com a pagina Blocks aberta, vamos adicionar os blocos programação, o primeiro bloco será o de gravação, em Button1 adicione um bloco Click, agora em Camcorder pegue o bloco Record Vídeo, e jogue dentro de Button Click.
Agora vamos ao bloco de reprodução, vá Camcorder e adicione After Recording, em Vídeo Player pegue outros dois blocos, sendo o Source e Start, coloque ambos dentro de After Recording, e não podemos esquecer da variável clip que é encontrada em After Recording, clique e arraste para o bloco Source.
Pronto galera isso é tudo, agora já podemos testar na emulação.
Deve aparecer dessa forma.
Quando pressionarmos Gravar, vai aparecer a câmera, clique nela para iniciar a gravação.
Aqui a gravação já esta em andamento.
Para finalizar toque na câmera novamente, ou caso queira apena pausar a gravação, pressione pause ao lado do contador .
Apos a gravação, seu vídeo será salvo automaticamente, para assisti-lo de um toque sobre a tela, quando aparecer o play, de um toque sobre ele para reproduzir.
É isso ai galera, uma simples aplicação apenas para mostrar como desenvolver um app de gravação de vídeo e posterior reprodução.
Boa sorte , duvidas deixem nos comentários
bom dia... vcs já fizeram gráfico no thunkable ou app inventor?
ResponderExcluir
ExcluirUnknown30 de julho de 2018 06:47
Ainda não amigo.