Exibição de vídeo de webcam com Adobe Flex

No exemplo abaixo mostro como exibir o vídeo da webcam do  usuário.

<xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
    <![CDATA[
    import mx.controls.Alert;
    public function getCam():void{
        var cam:Camera = Camera.getCamera();
        if(cam){
            vd_cam.attachCamera(cam);
            cam.setMode(480,320,28,true);
            cam.setQuality(0,90);
        }else{
            Alert.show("Sem cam num dá!","Alerta");
        }
    }
    ]]>
    </mx:Script>
    <mx:VideoDisplay id="vd_cam" width="480" height="320" creationComplete="getCam();"
        verticalCenter="0" horizontalCenter="0" borderColor="#000000" borderThickness="1"
        borderStyle="solid" />
</mx:Application>

Resultado:

Tutorial – Integração Flex/Java por BlazeDS

Requisitos:

• Apache Tomcat 6 Instalado.
• Ambiente Java (JRE)
• Eclipse IDE/Flex Builder Instalado
• Sysdeo Eclipse Tomcat Launcher plugin Instalado.
• BlazeDS

1.  Crie um projeto do tipo Dynamic Web Project em File> New> Other…> Web> Dynamic Web Project

2.  Altere o Java Build Path para Alex_on_flex_java/WebContent/WEB-INF/classes

3.  É necessário configurar o projeto como sendo um projeto do Tomcat

4.  Crie a classe HelloWorld:
     
e deixe seu código parecido com o código abaixo:

package com.amf;
public class HelloWorld {
      public String helloWorld(String nm_usuario){
             return "Bem vindo " + nm_usuario;
     }
}

5.  Extraia o conteúdo do arquivo compactado do blazeds e depois extraia também os arquivos em blazeds.war (você pode utilizar o winrar)
Copie a pasta WEB-INF e cole em WebContent

6.  Em WebContent> WEB-INF> flex altere o arquivo remoting-config.xml
Adicionando o código de referência a classe HelloWorld:

<!-- == Declaração da Classe com.amf.HelloWorld == -->
<destination>
          <properties>
                     <source>com.amf.HelloWorld</source>
            </properties>
</destination>
<!-- ============================================= -->

 

7.  Crie um novo projeto Flex em File> New> Flex Project.

8.  Altere o Flex Build Path da seguinte forma:
    Output folder: C:\”Caminho do Tomcat”\webapps\alex_on_flex_flex
    Output folder URL: http://localhost:”porta do tomcat”/alex_on_flex_flex

9. Renomeie o arquivo alex_on_flex_flex.mxml para index.mxml

10. Deixe o código do index.mxml como abaixo:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 
 <mx:RemoteObject destination="service_helloWorld" id="service_helloWorld" showBusyCursor="true"
  fault="Alert.show(event.toString());">
  <mx:channelSet>
         <mx:ChannelSet>
             <mx:channels>
                 <mx:AMFChannel id="myAmf" uri="/FlexJava/messagebroker/amf"/>
             </mx:channels>
         </mx:ChannelSet>
     </mx:channelSet>    
       <mx:method name="helloWorld" result="resultHelloWorld(event)" fault="Alert.show(event.toString())"/>
 </mx:RemoteObject>
 
 <mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   import mx.rpc.events.ResultEvent;
   public function resultHelloWorld(re:ResultEvent):void{
    Alert.show(re.result.toString(),'Alerta');
   }
  ]]>
 </mx:Script>
 
 <mx:Label x="420.5" y="102" text="Seu Nome:" fontSize="16" fontWeight="bold"/>
 <mx:TextInput x="528.5" y="100" fontSize="16" width="219" id="txtUsuario"/>
 <mx:Button x="543.5" y="154" label="Enviar" fontSize="16"
  click="service_helloWorld.helloWorld(txtUsuario.text);"/> 
</mx:Application>

11.  Clique com o botão direito do mouse sobre o projeto Java e envie para o tomcat em Tomcat Project> Exports to the WAR file sets in Project properties e em seguida reinicie o Tomcat.

12. Acesse http://localhost:9090/alex_on_flex_flex/ e veja a mágica acontecer.

Espero que tenham curtido.
Até o próximo.

Integração do Apache Tomcat 6 e Eclipse IDE

A IDE Eclipse é uma das mais utilizadas no desenvolvimento de aplicações Java e o Tomcat por ser um servidor leve é perfeito para aplicações de pequeno porte, então o desenvolvimento de aplicações Java com Eclipse/Tomcat torna-se muito mais fácil e rápido integrando essas ferramentas.

Requisitos:

• Apache Tomcat  6 Instalado.
• Ambiente Java (JRE)
• Eclipse IDE
• Sysdeo Eclipse Tomcat Launcher plugin – Download e Informações

1. No eclipse, ative a view de servidores em Window> Show View> Other…
   
2. Entre na pasta Server> Servers e OK.
   
3. Repare que a guia Servers  está selecionada na parte debaixo da tela,
   agora podemos adicionar um novo servidor clicando com o botão direito em seguida
   New> Server.
   
4. Selecione a opção corresponde ao seu Tomcat no nosso caso Tomcat v6.0 Server, e Finish.
   Obs.: Se você tem mais de uma jre instalada, você pode escolher qual o seu Tomcat
   irá utilizar em Configure runtime environments…> Edit> JRE.
   
5. Agora temos Tomcat v.6.0 Server at localhost  na guia Servers, duplo-clique e abrirá a página
   de configurações, em Server Location selecione a 2ª Opção: Use Tomcat Installation e renomeie
   o Deploy path para webapps.
   
6. Clique com o botão direito e clique em Start, digite http://localhost:8080 no seu navegador
   e deverá aparecer a tela de boas vindas do apache tomcat.
   
7. Feche o eclipse e copie a pasta extraída do Sysdeo Eclipse Tomcat Launcher plugin para a
   pasta de plug-ins do eclipse geralmente C:\eclipse\plugins e abra o eclipse, note que na barra
   de ferramentas tem alguns botões para controlar a execução do Tomcat (Start, Stop, Restart)
   e também a opção Tomcat na barra de Menus.
   
8. Se o servidor estiver iniciado pare-o na guia Servers e em seguida clique no botão Start Tomcat
   e deverá novamente aparecer a tela de boas vindas do Tomcat ao executar http://localhost:8080
   o seu navegador, senão, repita os passos anteriores.

Nota: Com o tempo você conseguirá mesclar o que tem de melhor em cada uma formas de manipular o servidor Tomcat seja pela guia Servers ou pelo plug-in.