Detectando movimentos da webcam com Adobe Flash

Colocado por Leonardo França na(s) categoria(s): 1, 2009, 4, 6, action, Actionscript, ActionScript 3, Actionscript 3.0, Actionscript3, Adobe, Adobe Air, Adobe Flex, Air, api, app, AR, back, bar, builder 4, class, classe, classes, código, Componente, control, cs4, Curso, Cursos, dados, Desktop, Download, event, EventListener, Evento, exemplo, filter, flash, flash builder, Flash Builder 4, Flash Player, Flex, Flex 3, Flex 4, fonte, for, framework, function, gc, Google, handle, html, ide, IE, if, image, int, interface, Java, Javascript, label, library, lite, live, Livro, Livros, lógica, menu, mg, motion, movimento, MXML, O, on, PHP, platform, player, produto, programação, progress, pt, reference, RIA, Ria’s Geral, Scroll, spark, swf, tag, Tema, Treinamento, UI, Ved, wave, web, WebCam, window, XML em 08 27th, 2010 | Sem comentários

Um recurso interessante e que pouca gente conhece no Flash Player ou Adobe AIR, é que além de acessar recursos como a webcam do usuário, ele pode também detectar se há ou não movimentos na camera. Isso pode ser útil se você está implementando um sistema de stream ao vivo e quer economizar a banda usada. Por exemplo, só será publicado o stream se a camera tiver algum movimento.

O Flash Player ou Adobe AIR, além de acessar recursos como a webcam do usuário, pode também detectar se há ou não movimentos na camera.

Vamos ver um exemplo usando o Adobe Flash Professional CS5 e com Flash Builder 4(usando o framework Flex 4).

Adobe Flash Professional CS5

Crie um arquivo do tipo ActionScript 3.0
Aperte F11 para abrir a library, peça para criar um novo simbolo do tipo “video”:

Library->New Video
Aparecerá uma nova janela, de o nome de “cam” e deixe a opção “Video (ActionScript-controlled)” selecionada:

cam
Arraste o componente que você acabou de criar para o stage e de o nome de instância de “cam”, depois redimesione para 320×240.
Arraste um componente do tipo ProgressBar da library User Interface. Dê o nome de instância “pbar”.
Feito isto, você deve ter algo parecido com isto:

Stage pronto para começar a programação

Temos nosso stage pronto para começar a programação ActionScript 3.0. Vamos começar com o Flash Player pedindo para ter acesso a webcam e em seguida colocar a imagem da webcam em nosso componente de video.

PLAIN TEXT

ACTIONSCRIPT3:

myCam = Camera.getCamera();
cam.attachCamera(myCam);

Agora basta fazer com que nosso filme escute o evento “ActivityEvent” da webcam.

PLAIN TEXT

ACTIONSCRIPT3:

myCam.addEventListener(ActivityEvent.ACTIVITY,handlerMotion);

E no método handlerMotion, implementamos as ações na ProgressBar.

PLAIN TEXT

ACTIONSCRIPT3:

function handlerMotion(evt:ActivityEvent):void
{
    trace(evt.target.activityLevel);
    pbar.setProgress(evt.target.activityLevel,100);
    if(evt.target.activityLevel <10)
    {
        trace("muito quieto! =õ(");
    }
    else
    {
        trace("eba! festa!!! \o/\O/\o/");
    }
}

Veja o exemplo em funcionamento:

Adobe Flex 4
Agora veremos um exemplo usando o Adobe Flex, vou capturar a camera usando o componente VideoDisplay.

Crie um projeto do tipo web(Flex) ou desktop(AIR).
Arraste um componente do tipo VideoDisplay e outro do tipo ProgressBar para o palco.
Devemos ter algo parecido com isso:
PLAIN TEXT
MXML:
1. <?xml version="1.0" encoding="utf-8"?>
2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
3. xmlns:s="library://ns.adobe.com/flex/spark"
4. xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="450" minHeight="400" width="450" height="400">
5. <s:VideoDisplay id="cam" x="48" y="38" width="360" height="240"/>
6. <mx:ProgressBar id="pbar" x="125" y="297"/>
7. </s:Application>

Basta implementar a programação ActionScript agora, é bem parecido com o modo de como fizemos no Flash. Mudaremos pouca coisa no código ActionScript 3.0.

PLAIN TEXT

ACTIONSCRIPT3:

protected function application1_creationCompleteHandler(event:FlexEvent):void
{
    pbar.mode = "manual";
    myCam = Camera.getCamera();
    var vd:Video = new Video(320,240);
    vd.attachCamera(myCam);
    cam.addChild(vd);
    myCam.addEventListener(ActivityEvent.ACTIVITY, handlerMotion);
}
 
private function handlerMotion(evt:ActivityEvent):void
{
    trace(evt.target.activityLevel);
    pbar.setProgress(evt.target.activityLevel,100);
    if(evt.target.activityLevel <10)
    {
        pbar.label = "muito quieto! =õ(";
    }
    else
    {
        pbar.label = "eba! festa!!! \o/\O/\o/";
    }
}