logo
  • Home
  • Acerca
  • Autores
  • Faq
  • Rede
  Twitter   Feed-me! RSS!

Como capturar a imagem da WebCam, e salvar no disco

Colocado por Daniel Schmitz na(s) categoria(s): 1, 2009, 3.5, 4, 6, Adobe, app, AR, arte, Artigo, Artigos, audio, BI, bitmap, blog, Blogs, botão, codec, código, código fonte, Componente, Desenvolvimento, encode, encoder, exemplo, Exemplos, flash, flash media, Flash Media Server, Flash Media Server 3.5, Flash Player, Flex, Flex 3, fonte, for, Geral, html, ide, IE, image, label, library, Livro, Mac, map, MXML, NaN, O, on, player, pt, reference, RIA, Ria’s Geral, server, site, spark, UI, Vídeo, web, WebCam, XML em 08 23rd, 2010 | 1 Comentário

Iniciamos hoje alguns artigos sobre a captura de imagem provenientes da WebCam do usuário. Inicialmente, algo simples apenas para nos ambientarmos com toda a estrutura. É válido lembrar que o Flash Player possui um bom suporte para capturar imagem/som do computador. No exemplo a seguir, iremos fazer isso de forma muito rápida:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
		   xmlns:s="library://ns.adobe.com/flex/spark"
		   xmlns:mx="library://ns.adobe.com/flex/mx"
                   minWidth="955" minHeight="600">

<s:creationComplete>
	<![CDATA[

	//cam é a instância de sua WebCam
	//Geralmente surge uma mensagem de permissão ao usuário
	var cam:Camera = Camera.getCamera();

	// Aqui inserimos a instância da câmera no
	// componente VideoDisplay
	webcam.attachCamera(cam);

	]]>
</s:creationComplete>

<mx:VideoDisplay id="webcam"
	 width="320" height="240"
	 top="100"
	 left="100"
				 />

<s:Button id="salvar" label="Salvar"
		  top="350"
		  left="150">
	<s:click>
		<![CDATA[
		import mx.graphics.ImageSnapshot;
		import mx.graphics.codec.JPEGEncoder;

		//Primeiro criamos a imagem Bitmap da câmera
		var imageBitmapData:BitmapData;
                imageBitmapData= ImageSnapshot.captureBitmapData(webcam); 

		//Depois transformamos essa imagem em bytecodes
		var encoder:JPEGEncoder = new JPEGEncoder();
		var rawBytes:ByteArray = encoder.encode(imageBitmapData);

		//FileReference é usado para salvar a imagem no disco
		new FileReference().save(rawBytes,"WebCam.jpg");

		]]>
	</s:click>
</s:Button>

</s:Application>

Veja o exemplo aqui (Botão direito do mouse para ver o código fonte)

Este exemplo rápido foi retirado dos sites: RiaCodes e Luiz Henrique Angeli

No próximo artigo iremos criar uma tela de cadastro que captura a imagem, o que está tornando muito usual hoje em dia!

ps: Renato, esta parte de gravar audio/vídeo pela web é complexa !! Eu recomendo o livro: Flex 3 + Flash Media Server 3.5, do nosso amigo Carlos Eduardo.



Veja o post original no blog do autor aqui!  

Daniel Schmitz

Escrito por Daniel Schmitz @ http://flex.etc.br
Saiba mais sobre o autor na sua pagina de perfil
Outros posts do autor:
» Começou a venda do livro Dominando Adobe Flex 4
» CRUD com Flex e ZendAMF – Parte 3
» Chegou: Dominando Flex e Java

Comentários ( 1 Comentário )
 

E teria como salvar isso sem abrir a dialog? Porque gostaria de fazer isso automaticamente em um sistema que tenho.

Joel Backschat juntou estes bytes...
Deixe um comentário



Spam Protection by WP-SpamFree

ACERCA

O que é o RedeRIA ?

O redeRIA não é nada mais que um agregador de feed's que disponibiliza o conteudo de varios blogs e autores ao redor do mundo RIA, actualmente agregamos mais de 2795 entradas vindas de 53 blogs especializados em ria’s, pelo que só fica a ganhar em assinar o feed ou seguir a comunidade no twitter.

Se acha que o seu blog ou um blog de um amigo é interessante e util para os leitores o redeRIA, faça a sua submissão aqui.

Feed: assine já
Twitter: siga-nos

GOOGLE

Votação


Deveria o RedeRia agregar conteúdo em inglês?
Ver Resultados

AUTORES


Eduardo KrausAlexandre TadashiBindableCognitiva SoluçõesDaniel LopesDaniel SchmitzDanielPedrinhaDClick TeamEbercomEdgard DavidsonElvis FernandesErko BrideeFabiel PrestesFábio Batista da SilvaFabio da SilvaFabriccio BernardesFelipe BorellaFlavia MoreiraGabriel VersalliniGabriela T. PerryIgor MusardoJanderson CardosoJoão AugustoJose Carlos FielKelps SousaLeonardo FrançaLucas MarçalLuis MessiasLuiz TarabalMario JuniorMário SantosMauro MartinsPablo SouzaPedro ClaudioreneRia BrazilriaPTRicardo CerqueiraRobson FernandesRodrigo Pereira FragaSaintBrSamuelFacchinelloSergio SouzaSilva DeveloperStefan HorochovecTech CaffeTecinforThiago BuenoVedVinícius SandimWillian ManoXAML Cast

PUBLICIDADE








Powered by Wordpress & msdevstudio.com