Leonardo França » Flash Media Server http://www.leonardofranca.com.br Consultor e Desenvolvedor Flash Platform (Adobe AIR/Flex/Flash/Flash Media Server/PHP/Java/.NET) Wed, 01 Feb 2012 13:56:45 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 SharedObject com Flash Media Server http://www.leonardofranca.com.br/index.php/2012/01/02/sharedobject-com-flash-media-server/ http://www.leonardofranca.com.br/index.php/2012/01/02/sharedobject-com-flash-media-server/#comments Tue, 03 Jan 2012 01:24:06 +0000 Leonardo França http://www.leonardofranca.com.br/?p=2047 Continue reading →]]> SharedObject é um recurso que dar ao Flash Player a capacidade de salvar dados localmente para poder ser usado posteriormente em sua aplicação, a grosso modo é como um cookie. Com o Flash Media Server, foi introduzido a possibilidade de usar o SharedObject Remote, no qual os dados são salvos no servidor Flash Media Server e compartilhados para todas as instâncias de uma conexão entre o Flash Player e o Flash Media Server. Isso possibilita a criação de aplicativos em real time como Dashboards, chats e o que mais a imaginação permitir.

O uso do SharedObject Remote pode ser usado de duas maneiras em conjunto com o Adobe Flash Media Server.

  • Somente pelo lado cliente, através do Flash Player/AIR
  • Em conjunto com ActionScript Communication, linguagem de servidor do Flash Media Server

Vejamos o primeiro caso:

Através do lado cliente, através do Flash Player/AIR

Caso você não tenha conhecimento para usar a linguagem Server-side do Flash Media Server, é possível utilizar o SharedObject Remote somente pelo ActionScript 3.0. Vamos a um exemplo clássico sharedBall, onde o objetivo é compartilhar as posições da bolinha a atualizar nos outros clientes conectados a mesma instância.

  • Vá até o diretório de instalação do Flash Media Server e procure pela pasta "applications", lá crie um diretório chamado "sharedBall", dentro dele um arquivo chamado "main.asc"
  • Abra o main.asc no seu editor de textos de preferencia ou pelo próprio Flash e digite: trace("sharedBall...");
  • Vamos testar esse arquivo, abra o console do Flash Media Server, geralmente fica localizado no diretorio de instalação/webrrot/swfs. Você pode abrir pelo browser ou o swf diretamente.
  • Clique no botão "View Applications" e em seguida procure o nome "sharedBall" no combobox logo no canto inferior esquerdo onde está escrito "New Instance..."
  • Selecione "sharedBall" e deveremos ter na aba Live Log algo como na imagem abaixo:

  • No Flash, criei uma bola com as ferramentas de desenho e converti para MovieClip dando o nome de "mc_ball".
  • Estamos prontos para começar a integração entre o Flash e o Flash Media Server. Crie um layer para o ActionScript e abra o editor apertando F9 ou "Window->Actions"
  • Nosso código começa com a conexão com o servidor Flash Media Server
PLAIN TEXT
ACTIONSCRIPT3:
  1. import flash.net.NetConnection;
  2. import flash.events.NetStatusEvent;
  3.  
  5.  
  6. function init():void
  7. {
  8.     nc = new NetConnection();
  9.     nc.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
  10.     nc.connect("rtmp://localhost/sharedBall");
  11. }
  12.  
  13. function handlerNetStatus(evt:NetStatusEvent):void
  14. {
  15.     trace(evt.info.code);
  16. }
  17.  
  18. init();

Feito isso, podemos testar o swf apertando Ctrl+Enter, se tudo correr bem, deveremos ter a seguinte mensagem no output do Flash:

NetConnection.Connect.Success

Com a conexão feita, podemos instanciar o nosso SharedObject Remote para compartilhar as posições de x e y da bolinha.

PLAIN TEXT
ACTIONSCRIPT3:
  1. if(evt.info.code == "NetConnection.Connect.Success")
  2.     {
  3.         so = SharedObject.getRemote("so",nc.uri,false);
  4.         so.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
  5.         so.addEventListener(SyncEvent.SYNC, handlerSync);
  6.         so.connect(nc);
  7.     }

O handlerSync é responsável por atualizar os dados de x e y pegaremos do SharedObject Remote:

PLAIN TEXT
ACTIONSCRIPT3:
  1. function handlerSync(evt:SyncEvent):void
  2. {
  3.     mc_ball.x = so.data.x;
  4.     mc_ball.y = so.data.y;
  5. }

Daremos a opção de ao clicar na bolinha, que ela possa ser arrastável, em seguida atualizaremos as posições de x e y no SharedObject Remote:

PLAIN TEXT
ACTIONSCRIPT3:
  1. mc_ball.addEventListener(MouseEvent.MOUSE_DOWN, handlerSharedBall);
  2. mc_ball.addEventListener(MouseEvent.MOUSE_UP, handlerSharedBallOut);
  3.  
  4. function handlerSharedBall(evt:MouseEvent):void
  5. {
  6.     this.addEventListener(Event.ENTER_FRAME, update);
  7.     mc_ball.startDrag();
  8. }
  9.  
  10. function handlerSharedBallOut(evt:MouseEvent):void
  11. {
  12.     mc_ball.stopDrag();
  13. }
  14.  
  15. function update(evt:Event=null):void
  16. {
  17.     so.setProperty("x",mc_ball.x);
  18.     so.setProperty("y",mc_ball.y);
  19. }

Segue o código completo:

PLAIN TEXT
ACTIONSCRIPT3:
  1. import flash.net.NetConnection;
  2. import flash.events.NetStatusEvent;
  3. import flash.net.SharedObject;
  4. import flash.events.SyncEvent;
  5. import flash.events.MouseEvent;
  6. import flash.events.Event;
  7.  
  9. var so:SharedObject;
  10.  
  11. function init():void
  12. {
  13.     nc = new NetConnection();
  14.     nc.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
  15.     nc.connect("rtmp://localhost/sharedBall");
  16. }
  17.  
  18. function handlerNetStatus(evt:NetStatusEvent):void
  19. {
  20.     trace(evt.info.code);
  21.     if(evt.info.code == "NetConnection.Connect.Success")
  22.     {
  23.         so = SharedObject.getRemote("so",nc.uri,false);
  24.         so.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
  25.         so.addEventListener(SyncEvent.SYNC, handlerSync);
  26.         so.connect(nc);
  27.     }
  28. }
  29.  
  30. function handlerSync(evt:SyncEvent):void
  31. {
  32.     mc_ball.x = so.data.x;
  33.     mc_ball.y = so.data.y;
  34. }
  35.  
  36. mc_ball.addEventListener(MouseEvent.MOUSE_DOWN, handlerSharedBall);
  37. mc_ball.addEventListener(MouseEvent.MOUSE_UP, handlerSharedBallOut);
  38.  
  39. function handlerSharedBall(evt:MouseEvent):void
  40. {
  41.     this.addEventListener(Event.ENTER_FRAME, update);
  42.     mc_ball.startDrag();
  43. }
  44.  
  45. function handlerSharedBallOut(evt:MouseEvent):void
  46. {
  47.     mc_ball.stopDrag();
  48. }
  49.  
  50. function update(evt:Event=null):void
  51. {
  52.     so.setProperty("x",mc_ball.x);
  53.     so.setProperty("y",mc_ball.y);
  54. }
  55.  
  56. init();

Veja uma demostração em funcionamento:

Compre o Arquivo fonte de exemplo por R$4,99

Mais códigos e PDFs clique aqui.

]]> http://www.leonardofranca.com.br/index.php/2012/01/02/sharedobject-com-flash-media-server/feed/ 0 Flash Media Gateway http://www.leonardofranca.com.br/index.php/2010/10/28/flash-media-gateway/ http://www.leonardofranca.com.br/index.php/2010/10/28/flash-media-gateway/#comments Thu, 28 Oct 2010 15:13:08 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1366 Continue reading →]]> Flash Media Gateway é um novo servidor da Adobe com o objetivo de possibilitar que aplicativos feitos com Flash Player ou Adobe AIR possam se comunicar atraves do protocolo SIP(Session Initiation Protocol). O FMG Telephony SDK se conecta de forma transparente com o Adobe Flash Media Server permitindo uma rápida integração da telefonia com seus aplicativos já existentes, portanto, dando controle total para personalizar o nível de recursos e aplicação de políticas que podem exigir. Torna facil de configurar e começar a usar sua primeira chamada para áudio e vídeo usando Session Initiation Protocol (SIP) sem escrever qualquer código ActionScript.

Veja mais detalhes:
http://labs.adobe.com/technologies/flashmedia_gateway/

]]> http://www.leonardofranca.com.br/index.php/2010/10/28/flash-media-gateway/feed/ 0 O que é o Flash Access 2.0 http://www.leonardofranca.com.br/index.php/2010/10/04/o-que-e-o-flash-access-2-0/ http://www.leonardofranca.com.br/index.php/2010/10/04/o-que-e-o-flash-access-2-0/#comments Mon, 04 Oct 2010 03:29:24 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1439 Continue reading →]]>

Flash Access 2.0

Recentemente a Adobe lançou um novo SDK chamado Adobe Flash Access, anteriormente chamado de FMRMS (Flash Media Rights Management Server). É um SDK feito em Java que visa dar aos desenvolvedores a possibilidade de proteger e monetizar seus aplicativos em vídeo baseados na Flash Platform, principalmente a distribuição de conteúdo via streaming podendo trabalhar em conjunto com o Adobe Flash Media Server
O Flash Access tem capacidade de se adaptar varios modelos de negocios. incluindo vídeo on demand, aluguel e venda por meio eletrônico. As empresas também podem usar o Flash Access para proteger a integridade e privacidade da sua formação ou anúncios fornecidos através de vídeo. Você pode distribuir conteúdo protegido com o Flash Acesso por streaming através do Adobe Flash Media Server, o novo HTTP Dynamic Streaming , download progressivo, ou permitir downloads em uma biblioteca de conteúdo para reprodução em locais de conveniência do consumidor.

Fluxo de trabalho no Flash Access


Principais funcionalidades do Flash Access 2.0

  • New client support with Flash Player
  • New media delivery support with HTTP Dynamic Streaming
  • Flexible usage rules
  • Persistent content protection
  • Authenticated and anonymous access
  • Output protection
  • Support for Software as a Service (SaaS)

Veja mais em:
http://www.adobe.com/products/flashaccess/

]]> http://www.leonardofranca.com.br/index.php/2010/10/04/o-que-e-o-flash-access-2-0/feed/ 0 Codinomes dos Softwares da Adobe (e antiga Macromedia) http://www.leonardofranca.com.br/index.php/2010/10/04/codinomes-dos-softwares-da-adobe-e-antiga-macromedia/ http://www.leonardofranca.com.br/index.php/2010/10/04/codinomes-dos-softwares-da-adobe-e-antiga-macromedia/#comments Mon, 04 Oct 2010 03:21:14 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1435 Continue reading →]]> Segue alguns codinomes usados pela Adobe (e da antiga Macromedia) para o desenvolvimento de seus softwares. Lista em constante atualização, quem souber de algum codinome que não esteja na lista, pode deixar um comentário para atualização :D

Product Codename
Adobe AIR 2.5 ?
Adobe AIR 2.0 Athena
Adobe AIR 1.5 Cosmo
Adobe AIR 1.0 Apollo
Adobe Media Player Philo
VoIP for Flash Pacifica
Flash Player native 64-bit support Square
Flash Player 10 Astro
Flash Player 9.0.60 Moviestar
Flash Player 8.5 Zaphod
Flash Player 7 Mojo
Flash Player 6 Exorcist
Flash CS5 Viper
Flash 10 CS4 Diesel
Flash 9 CS3 Bolero(Dot Release) > Blaze
Flash 8 8Ball
Flash Player 8 Maelstrom
Flash MX 2004 7.2 Ellipsis
Flash MX 2004 Matador
Flash MX Professional 2004 Toreador
Flash MX Fang
Flash 5 Gromit
Flash Remoting Salsa
Flash Media Server 2.0.1 Dynamo
Flash Media Server 2.0 Edison
Flash Communication Server 1.5 Kaiwa
Flash Communication Server 1.0 TinCan
Flash Lite 3.0 Authoring Rob Roy
Flash Lite 2.0 Deuce
Flash Lite 1.1 Sahti
Generator 2 Tsunami
Captivate Northshore
Central 1.5 Mercury > Gemini
Flash Catalyst Thermo
Flex 4.5 Hero
Flex 4.0 Gumbo
Flex 3.0 Moxie
FDS 2.x/3.0 ? Borneo
Flex Builder 4 Burrito
Flex Builder 2 Zorn
Flex 2.0 Mistral
Flex 1.5 for .NET Wondertwin
Flex 1.0 Illiad > Odyssey > RedHouse > Royale
Flex Builder 1.0 Brady
ColdFusion Builder 2 Storm
ColdFusion Builder 1 Bolt
ColdFusion 11 Thunder
ColdFusion 10 Link
ColdFusion 9 Centaur
ColdFusion 8 (64Bit) Gemini
ColdFusion 8 Scorpio
ColdFusion MX 7.5 (?) Mystic
ColdFusion MX 7 Updater (7.0.1) Merrimack
ColdFusion MX 7 Elvis > Blackstone
ColdFusion MX 6.1 RedSky
ColdFusion MX 6 Neo
JRun 5 Cheetah
JRun 4 Nozomi
Director MX 2004 Woody
Director MX Foster
Director 8.5 Tron
Director 8 Woo
Director 6 Hopper
Director 5 Spike
Multiuser Server Mars
Contribute 2 Samwise
Contribute 1 Dashboard
Dreamweaver 10 CS4 Stiletto
Dreamweaver 9 CS3 Hanzo
Dreamweaver 8 Coltrane
Fireworks 8 Avedon

Fonte:
http://luar.com.hk/blog/?p=472

]]> http://www.leonardofranca.com.br/index.php/2010/10/04/codinomes-dos-softwares-da-adobe-e-antiga-macromedia/feed/ 0 Iniciando com Open Source Media Framework – OSMF http://www.leonardofranca.com.br/index.php/2010/09/10/iniciando-com-open-source-media-framework-osmf/ http://www.leonardofranca.com.br/index.php/2010/09/10/iniciando-com-open-source-media-framework-osmf/#comments Fri, 10 Sep 2010 22:35:52 +0000 Leonardo França http://www.leonardofranca.com.br/?p=632 Continue reading →]]> Open Source Media FrameworkO Open Source Media Framework - OSMF(antigo Strobe Media Framework) é um conjunto de componentes pré-programados para você usar em seus aplicativos multimidia, permite a facil implementação de recursos que tem como objetivo, enriquecer a experiência do usuário quando se trata de conteúdo multimidia para web.

O Open Source Media Framework - OSMF - permite a facil implementação de recursos que tem como objetivo, enriquecer a experiência do usuário quando se trata de conteúdo multimidia para web.

Dentre os recursos que podem ser facilmente implementados com OSMF incluem:

  • Veiculação de anúncios de vídeo template(VAST).
  • Media Abstract Sequencing Template (MAST).
  • Media RSS (MRSS).
  • Distribution Format Exchange Profile (DFXP).
  • Synchronized Multimedia Integration Language (SMIL).

Vamos fazer um primeiro exemplo de um player bem simples com o OSMF, nos próximos artigos, vamos adicionando mais funcionalidades.
Crie um projeto do tipo ActionScript Project no Flash Builder ou uma nova classe ActionScript 3.0 no Flash Professional CS5. Daremos o nome de "MyPlayerOSMF" estendendo a classe Sprite.

PLAIN TEXT
ACTIONSCRIPT3:
  1. package
  2. {
  3.     import flash.display.Sprite;
  4.  
  5.     [SWF(width="640", height="360", backgroundColor="0x000000",frameRate="25")]  
  6.     public class MyPlayerOSMF extends Sprite
  7.     {
  8.         public function MyPlayerOSMF()
  9.         {
  10.         }
  11.     }
  12. }

Temos nosso esqueleto, vamos entender algumas classes do OSMF. As classes mais importantes que devemos conhecer para criar players de multimidia são:

  • MediaPlayer - É o engine do seu player. Essa classe corresponde aproximadamente a um player de mídia atual. Possui os métodos e propriedades para interface de controle de ações do usuário como play, pause, seek, e stop.
  • MediaElement - mídia, como vídeo, áudio, imagem, texto e assim por diante. Esta classe representa nada e tudo o que um MediaPlayer pode tocar.
  • MediaFactory - converte uma url para objeto para que possa ser tocada pelo player. A classe DefaultMediaFactory instancia objetos MediaElement do tipo correto determinado vídeo, áudio, imagem ou outros tipos de mídia suportados como entrada.
  • MediaPlayerSprite - Fornece as instâncias da classe MediaContainer, da classe MediaPlayer e da classe DefeaultMediaFactory. A classe MediaPlayerSprite fornece a maneira mais fácil de criar um media player com OSMF.

Vamos deixar algumas url's para carregar os videos usando download progressivo e streaming.

PLAIN TEXT
ACTIONSCRIPT3:
  1. private static const VIDEO_RTMP:String = "rtmp://cp67126.edgefcs.net/ondemand/mediapm/strobe/content/test/SpaceAloneHD_sounas_640_500_short";
  2. private static const VIDEO_HTTP:String = "http://mediapm.edgesuite.net/osmf/content/test/logo_animated.flv";

Iniciaremos com uma instância da classe MediaFactory converter a url para objeto e a classe MediaElement sera responsável por criar o elemento necessario de acordo com o que for carregado, video, imagem ou swf. Em seguida usaremos a classe MediaPlayer que contem a base para controlar o player, tem como autoplay = true como padrão.

PLAIN TEXT
ACTIONSCRIPT3:
  1. package
  2. {
  3.     import flash.display.Sprite;
  4.    
  5.     import org.osmf.media.DefaultMediaFactory;
  6.     import org.osmf.media.MediaElement;
  7.     import org.osmf.media.MediaFactory;
  8.     import org.osmf.media.MediaPlayer;
  9.     import org.osmf.media.URLResource;
  10.        
  11.     [SWF(width="640", height="360", backgroundColor="0x000000",frameRate="25")]  
  12.     public class MyPlayerOSMF extends Sprite
  13.     {
  14.         private static const VIDEO_RTMP:String = "rtmp://cp67126.edgefcs.net/ondemand/mediapm/strobe/content/test/SpaceAloneHD_sounas_640_500_short";
  15. private static const VIDEO_HTTP:String = "http://mediapm.edgesuite.net/osmf/content/test/logo_animated.flv";    
  16.        
  17.         private var mediaFactory:MediaFactory;
  18.         private var mediaElement:MediaElement;
  19.         private var mediaPlayer:MediaPlayer;
  20.         private var mediaContainer:MediaContainer;
  21.        
  22.         public function MyPlayerOSMF()
  23.         {
  24.             mediaFactory = new DefaultMediaFactory();
  25.             mediaElement = mediaFactory.createMediaElement(new URLResource(VIDEO_RTMP));
  26.                        
  27.             mediaPlayer = new MediaPlayer();
  28.             mediaPlayer.media = mediaElement;          
  29.         }
  30.     }
  31. }

O nosso player esta quase pronto, vamos adicionar um instancia da classe MediaContainer para inserir nosso player no palco. Segue o código completo.

PLAIN TEXT
ACTIONSCRIPT3:
  1. package
  2. {
  3.     import flash.display.Sprite;
  4.    
  5.     import org.osmf.containers.MediaContainer;
  6.     import org.osmf.layout.LayoutMetadata;
  7.     import org.osmf.media.DefaultMediaFactory;
  8.     import org.osmf.media.MediaElement;
  9.     import org.osmf.media.MediaFactory;
  10.     import org.osmf.media.MediaPlayer;
  11.     import org.osmf.media.URLResource;
  12.        
  13.     [SWF(width="640", height="360", backgroundColor="0x000000",frameRate="25")]  
  14.     public class MyPlayerOSMF extends Sprite
  15.     {
  16.         private static const VIDEO_RTMP:String = "rtmp://cp67126.edgefcs.net/ondemand/mediapm/strobe/content/test/SpaceAloneHD_sounas_640_500_short";
  17. private static const VIDEO_HTTP:String = "http://mediapm.edgesuite.net/osmf/content/test/logo_animated.flv";    
  18.        
  19.         private var mediaFactory:MediaFactory;
  20.         private var mediaElement:MediaElement;
  21.         private var mediaPlayer:MediaPlayer;
  22.         private var mediaContainer:MediaContainer;
  23.        
  24.         public function MyPlayerOSMF()
  25.         {
  26.             mediaFactory = new DefaultMediaFactory();
  27.             mediaElement = mediaFactory.createMediaElement(new URLResource(VIDEO_RTMP));
  28.            
  29.             var layout:LayoutMetadata = new LayoutMetadata();
  30.             layout.width = 640;
  31.             layout.height = 360;
  32.             mediaElement.addMetadata(LayoutMetadata.LAYOUT_NAMESPACE, layout);
  33.            
  34.             mediaPlayer = new MediaPlayer();
  35.             mediaPlayer.media = mediaElement;
  36.            
  37.             mediaContainer = new MediaContainer();
  38.             mediaContainer.addMediaElement(mediaElement);
  39.            
  40.             addChild(mediaContainer);
  41.         }
  42.     }
  43. }

Veja o player em funcionamento:

Para saber mais:
Open Source Media Framework Blog
http://www.adobe.com/devnet/video/articles/osmf_overview.html
http://www.adobe.com/devnet/flash/articles/video_osmf_streaming.html
http://mediapm.edgesuite.net/osmf/swf/ExamplePlayer.swf

]]> http://www.leonardofranca.com.br/index.php/2010/09/10/iniciando-com-open-source-media-framework-osmf/feed/ 2