Leonardo França » Flash Lite http://www.leonardofranca.com Flash Platform Consultant and Developer (Adobe AIR/Flex/Flash/Flash Media Server/PHP/Java/.NET) Wed, 01 Feb 2012 14:05:46 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Flash Player for Nokia E5, 5235, E63… http://www.leonardofranca.com/index.php/2012/02/01/flash-player-for-nokia-e5-5235-e63/ http://www.leonardofranca.com/index.php/2012/02/01/flash-player-for-nokia-e5-5235-e63/#comments Wed, 01 Feb 2012 09:58:49 +0000 Leonardo França http://www.leonardofranca.com/?p=1211 Continue reading →]]> I have received many requests related to the person seeking the release of Flash Player for Nokia E5, 5235, E63 …. To help point out the Flash Lite 4 Nokia site that has the model of the Nokia device and version of the Flash Player (Flash Lite) compatible.
It is important to understand the difference between the desktop Flash Lite and Flash Player. Flash Lite is a customized version of the Flash Player to run on mobile devices, but does not have all the features of the player for desktop. Many sites and applications you use on the web, not able to use the phone, by limitations of the device and player.

Below is a list of versions of Flash Player and Flash Lite equivalent. A lot of attention because it is equivalent is different from equal.

  • Macromedia Flash Lite 1.0 based on Flash Player 4
  • Macromedia Flash Lite 1.1
  • Macromedia Flash Lite 2.0 (December 2005) released in 2005, which brought its capabilities in line with Flash Player 7
  • Adobe Flash Lite 2.1 (December 2006) running on the BREW platform
  • Adobe Flash Lite 3 (Announced on February 2007) support for FLV transcoding, equivalent to desktop Flash Player 8
  • Adobe Flash Lite 3.1 (February 2009) player turbocharged with some features of Flash Player 9
  • Adobe Flash Lite 4 has been released (2010) and integrated in Symbian^3, has ActionScript 3.0 support, equivalent to desktop Flash Player 10

SOURCE

]]> http://www.leonardofranca.com/index.php/2012/02/01/flash-player-for-nokia-e5-5235-e63/feed/ 0 Building Applications with Web RunTime(WRT) and Flash Lite for Nokia devices http://www.leonardofranca.com/index.php/2010/10/28/building-applications-with-web-runtimewrt-and-flash-lite-for-nokia-devices/ http://www.leonardofranca.com/index.php/2010/10/28/building-applications-with-web-runtimewrt-and-flash-lite-for-nokia-devices/#comments Thu, 28 Oct 2010 04:17:07 +0000 Leonardo França http://www.leonardofranca.com/?p=848 Continue reading →]]> Web RunTimeis one of the possibilities that Nokia provides for creating applications for mobile devices. If you're a web developer, you do not need much of anything else to start developing for Nokia devices using the WRT. It allows you to create widgets for S60 platform is a browser extension allowing you to Webkit browser instances to run as if they were separate applications. And you can still create rich applications using Flash.
Development Tools.
Nokia offers some tools to facilitate development to WRT:

It also provides UI Framework and Library as:

And there are some API's to work with the resources of mobile devices.

  • Platform Service 2.0 - An API in ActionScript 2.0 and JavaScript to access resources of mobile devices such as accelerometers, etc. geolocation.
  • API Bridge - is a component for Nokia devices with Symbian, which allows WRT widgets content, Adobe Flash Lite and Java applications to access device features through a plug-in architecture. Developers can extend the component APIBridge with their own plug-ins.

How does the widgets made with Web RunTime? widgets that are files with extension .wgz which is nothing but a compressed file with the files from your site. Files that are can not miss:

  • Info.plist - file responsible for the information of your widget as version, homepage, name etc.
  • index.html - in fact, can be any name that is set in the Info.plist as MainHTML.

Create widgets to WRT and Flash Lite
How do you use html to create your widgets with WRT, nothing prevents to use Adobe Flash in the same way as you use normally through the html. Let's see an example using JavaScript to communicate with Flash through the ExternalInterface class. In this example I will use the Nokia Web Developer Environment Standalone.

  • Create a new project of type web apps Symbian-> Basic web app project. Give a name for your project and click next. Basic files are generated for your project.

We will choose the User option to play two videos. We start with the html containing the video options

PLAIN TEXT
XML:
  1. <label for="select"></label>
  2.             <select name="select" id="select">
  3.               <option value="sample">sample.flv</option>
  4.               <option value="sneeze">sneeze.flv</option>
  5.             </select>
  6.             <input type="button" name="button" id="button" value="Tocar" onclick="javascript:playVideo();" />

And the html that loads the swf responsible for playing the video:

PLAIN TEXT
XML:
  1. <object id="playerFlashLite" name="playerFlashLite" width="360" height="360" data="PlayerFlashLite.swf"
  2.              allowscriptaccess='always'
  3.              allowFullScreen='true'
  4.              usefullscreen='true'
  5.              type='application/x-shockwave-flash'
  6.              loop='false'>
  7.             </object>

Edit the file basic.js to add the method that will send the video to the swf to be played.

PLAIN TEXT
JAVASCRIPT:
  1. function playVideo()
  2.       {
  3.           document.getElementById("playerFlashLite").playVideo(document.getElementById("select").value);
  4.       }

In Flash, create a file type of Flash Lite 3.0 or 3.1. In the library panel, click on the "new video". Give the name of instance "vd." In type let selecting "Video (ActionScript-controlled) and add the stage. Add the following code to run Flash video streamed from Flash Media Server:

PLAIN TEXT
ACTIONSCRIPT:
  1. import flash.external.*;
  2.  
  3.       ExternalInterface.addCallback("playVideo",this,playVideo);
  4.        
  5.       trace("init..");
  6.       var nc = new NetConnection();
  7.       nc.connect("rtmp://localhost/videoondemand");
  8.        
  9.       nc.onStatus = function(info)
  10.       {
  11.           trace("Level: " + info.level + " Code: " + info.code);
  12.       };
  13.        
  14.       function playVideo(video:String)
  15.       {
  16.           ns = new NetStream(nc);
  17.           vd.attachVideo(ns);
  18.           ns.play(video);
  19.           ns.connect();
  20.           txt.text = video;
  21.           ns.onStatus = function(info)
  22.           {
  23.               trace("Level: " + info.level + " Code: " + info.code);
  24.           };
  25.       }

We use static class ExternalInterface that our method within Flash can be called from JavaScript.. Running the emulator from Nokia Web Developer, we have something like this:

Emulador Nokia Web Developer


Emulador Nokia Web Developer
To generate the file .wgz, just click right on the project and "Package Web app" and your application is ready to run on the phone. Tested on Nokia 5230 :D

To learn more:
http://www.forum.nokia.com/Develop/Web/Tools/
http://wiki.forum.nokia.com/index.php/Category:Web_Runtime_%28WRT%29
JQuery Mobile
Adobe Flash Lite

]]> http://www.leonardofranca.com/index.php/2010/10/28/building-applications-with-web-runtimewrt-and-flash-lite-for-nokia-devices/feed/ 0 Using accelerometer with Flash Lite 4.0 http://www.leonardofranca.com/index.php/2010/10/15/using-accelerometer-with-flash-lite-4-0/ http://www.leonardofranca.com/index.php/2010/10/15/using-accelerometer-with-flash-lite-4-0/#comments Fri, 15 Oct 2010 03:17:49 +0000 Leonardo França http://www.leonardofranca.com/?p=840 Continue reading →]]> We had the launch of the Nokia N8, officially the first device to support Flash Lite 4.0. Besides the Nokia N8, we also have a Nokia C7 and Nokia E7, all running the Symbian^3 and Adobe Flash Lite 4.0 is already installed. This implies the possibility of developing applications for Symbian^3 using ActionScript 3.0 running on the browser or standalone.
We must look to the fact that Flash Lite 4.0 is not the Flash Player 10.1, they have some significant differences:

  • Flash Lite supports some features partially.
  • Flash Lite adds some features to work specifically with mobile devices.

Flash Lite 4.0 is based on Flash Player 10, having features that were introduced in Flash Player 9 and 10. Among the resources available are:

  • Multi-touch support
  • Flash Player 10 text engine
  • Using inline text input
  • RTMP data channel
  • RTMPE
  • RTMPT and RTMPTE
  • Multi bit-rate streaming
  • Geolocation
  • Accelerometer
  • SharedObject Remote(yessss! :D )

Also see partially supported classes and the Unsupported classes.
Come to our first example using the new capabilities of Flash Lite 4.0, in which case the accelerometer.

  • Create a file of type Flash Lite 4.0 in Flash CS5 or in Adobe Device Central CS5.
  • Add three dynamic text fields in them will show the coordinates of x, y and z.

We begin our coding, we have a method to create a ball that will suffer the effects of the accelerometer

PLAIN TEXT
ACTIONSCRIPT3:
  1. function createBall():void
  2.       {
  3.           ball = new Sprite();
  4.           ball.graphics.beginFill(0xFF0000);
  5.           ball.graphics.drawCircle(0, 0, RADIUS);
  6.           ball.cacheAsBitmap = true;
  7.           ball.x = stage.stageWidth / 2;
  8.           ball.y = stage.stageHeight / 2;
  9.           addChild(ball);
  10.       }

Then check if the device has an accelerometer to add the listeners that handle the sensor data and update the positions of the ball.

PLAIN TEXT
ACTIONSCRIPT3:
  1. function AccelerometerTest()
  2.       {
  3.           stage.scaleMode = StageScaleMode.NO_SCALE;
  4.           stage.align = StageAlign.TOP_LEFT;
  5.        
  6.           createBall();
  7.        
  8.           if (Accelerometer.isSupported)
  9.           {
  10.               accelerometer = new Accelerometer();
  11.               accelerometer.addEventListener(AccelerometerEvent.UPDATE, accUpdateHandler);
  12.               stage.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  13.           }
  14.       }

And the rest of the code.

PLAIN TEXT
ACTIONSCRIPT3:
  1. function enterFrameHandler(event:Event):void
  2.       {
  3.           event.stopPropagation();
  4.           moveBall();
  5.       }
  6.       function moveBall():void
  7.       {
  8.           var newX:Number = ball.x + xSpeed;
  9.           var newY:Number = ball.y + ySpeed;
  10.           if (newX <20)
  11.           {
  12.               ball.x = RADIUS;
  13.               xSpeed = 0;
  14.           }
  15.           else if (newX> stage.stageWidth - RADIUS)
  16.           {
  17.               ball.x = stage.stageWidth - RADIUS;
  18.               xSpeed = 0;
  19.           }
  20.           else
  21.           {
  22.               ball.x +=  xSpeed;
  23.           }
  24.        
  25.           if (newY <RADIUS)
  26.           {
  27.               ball.y = RADIUS;
  28.               ySpeed = 0;
  29.           }
  30.           else if (newY> stage.stageHeight - RADIUS)
  31.           {
  32.               ball.y = stage.stageHeight - RADIUS;
  33.               ySpeed = 0;
  34.           }
  35.           else
  36.           {
  37.               ball.y +=  ySpeed;
  38.           }
  39.       }
  40.        
  41.       function accUpdateHandler(event:AccelerometerEvent):void
  42.       {
  43.           xSpeed +=  event.accelerationX * 2;
  44.           ySpeed -=  event.accelerationY * 2;
  45.          
  46.           txtX.text = new String(event.accelerationX);
  47.           txtY.text = new String(event.accelerationY);
  48.           txtZ.text = new String(event.accelerationZ);
  49.       }

Now just ask to test the emulator in Adobe Device Central CS5, we have something like this:

Adobe Device Central CS5

DOWNLOAD SOURCE
To learn more:
http://help.adobe.com/en_US/flashlite/dev/4/index.html

]]> http://www.leonardofranca.com/index.php/2010/10/15/using-accelerometer-with-flash-lite-4-0/feed/ 1 Using Geolocation with Flash Lite and Nokia Platform Services http://www.leonardofranca.com/index.php/2010/10/06/using-geolocation-with-flash-lite-and-nokia-platform-services/ http://www.leonardofranca.com/index.php/2010/10/06/using-geolocation-with-flash-lite-and-nokia-platform-services/#comments Thu, 07 Oct 2010 02:48:18 +0000 Leonardo França http://www.leonardofranca.com/?p=834 Continue reading →]]> The use of geolocation capabilities is no longer news today, we have devices with integrated GPS in cars, smartphones, notebooks etc. Flash Lite 4.0, Flash Player 10.1 (only mobile) and Adobe AIR 2.5 (also just mobile) have native support for geolocation. Flash Lite 3 can access resources geolocation smartphone using Nokia Platform Services.
Nokia has created a library especially for working with Flash Lite feature that gives access to natively are not possible as access to the accelerometer, GPS, calendar, contacts etc.

Nokia has created a library especially for working with Flash Lite feature that gives access to natively are not possible as access to the accelerometer, GPS, calendar, contacts etc.

I'll show a simple example of the use of geolocation with Flash Lite 3.0 and Nokia Platform Services.
Download the library Nokia and then save the directory under your operating system:

Nokia Platform Services only works on devices running Symbian S60 5th.

  • Mac - Copie para /Users//Library/Application/Support/Adobe/Flash CS5/en/Configuration/Classes/
  • Windows Vista - Extraia para /Users//AppData/Local/Adobe/Flash CS4/en/Configuration/Classes.
  • Windows XP - Extraia para //Local Settings/Application Data/Adobe/Flash CS5/en/Configuration/Classes/

We will start our first example:

  • Create a file of type ActionScript 2.0 and ask them to compile for Flash Lite 3.0 or 3.1. Or you can create directly from Adobe Device Central CS5.
  • Create a MovieClip and the instance name "mcScreen" and leave the stage.

We will now part of the encoding. We start by disabling the virtual keyboard (in my case to using a Nokia 5230) and setting the program to open on fullscreen.

PLAIN TEXT
ACTIONSCRIPT:
  1. fscommand2("DisableKeypadCompatibilityMode");
  2.       fscommand2("FullScreen", "true");

Add the class to import services from Nokia and declare the needed variables.

PLAIN TEXT
ACTIONSCRIPT:
  1. import com.nokia.lib.Service
  2.      
  3.       //api google maps
  4.       var API_KEY:String = "YOUR_API_KEY";
  5.       var latitude:Number;
  6.       var longitude:Number;
  7.       var myLocation:Service;
  8.       var mapLoader:MovieClipLoader;

I will use the Google Maps API to use the latitude and longitude to display the location on the map. Do I need to purchase a key Google website.
Instantiate the service and so we set the number of geolocation information from your smartphone.

PLAIN TEXT
ACTIONSCRIPT:
  1. var myLocation = new Service("Service.Location", "ILocation");
  2.       var inParams = {LocationInformationClass:"GenericLocationInfo"};
  3.       var outParams = myLocation.GetLocation(inParams);

Just get the latitude and longitude have to load the map. One detail is that Google has no API for working with ActionScript 2.0, ActionScript 3.0 only. So what I will do is that Flash load an image from Google Maps via HTTP. You can get details by clicking here.

PLAIN TEXT
ACTIONSCRIPT:
  1. if (outParams.ErrorCode == 0)
  2. {
  3. var outList = outParams.ReturnValue;
  4. txtLatitude.text = outList.Latitude;
  5. txtLongitude.text = outList.Longitude;
  6. latitude = outList.Latitude;
  7. longitude = outList.Longitude;
  8. mcScreen.createEmptyMovieClip("mcMap", mcScreen.getNextHighestDepth());
  9. mapLoader = new MovieClipLoader();
  10. mapURL = "http://maps.google.com/maps/api/staticmap?center="+latitude+","+longitude+"&size=360x640&markers=color:red|"+latitude+","+longitude+"&key="+API_KEY+"&format=jpg-baseline&zoom=10&sensor=true";
  11. mapLoader.loadClip(mapURL, mcScreen.mcMap);
  12. }

DOWNLOAD SOURCE

To learn more:
http://www.forum.nokia.com/Develop/Other_Technologies/Flash_lite/
http://library.forum.nokia.com/index.jsp?topic=/Flash_Lite_Developers_Library/GUID-46EABDC1-37CB-412A-ACAD-1A1A9466BB68.html

Recommended Books:

]]> http://www.leonardofranca.com/index.php/2010/10/06/using-geolocation-with-flash-lite-and-nokia-platform-services/feed/ 0 Codenames of software from Adobe (and formerly Macromedia) http://www.leonardofranca.com/index.php/2010/10/04/codenames-of-software-from-adobe-and-formerly-macromedia/ http://www.leonardofranca.com/index.php/2010/10/04/codenames-of-software-from-adobe-and-formerly-macromedia/#comments Tue, 05 Oct 2010 02:26:46 +0000 Leonardo França http://www.leonardofranca.com/?p=829 Continue reading →]]> Here some codenames used by Adobe (and former Macromedia) to develop its software. Constantly updated list, who know a code name that is not listed, you can leave a comment for update :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

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

]]> http://www.leonardofranca.com/index.php/2010/10/04/codenames-of-software-from-adobe-and-formerly-macromedia/feed/ 0 Nokia Developer Day Brasil http://www.leonardofranca.com/index.php/2010/09/14/nokia-developer-day-brasil/ http://www.leonardofranca.com/index.php/2010/09/14/nokia-developer-day-brasil/#comments Tue, 14 Sep 2010 08:34:45 +0000 Leonardo França http://www.leonardofranca.com/?p=782 Continue reading →]]> NokiaJoin the Nokia, as a special guest of the Nokia Developer Day, an event focused on the development of mobile applications, to be held in Sao Paulo on October 6, 2010. There you will learn how to easily develop for the greater global community of consumers of paid apps, and better understand how the apps are consumed by Ovi Shop, which already receives more than 1.7 million downloads a day in 180 countries - including Brasil.
Prepare yourself for a day filled with information for developers, where you'll learn about:

  • Using the new Nokia Qt SDK to create native applications for the advanced Nokia and other Nokia N8;
  • Using the Nokia Web Runtime and Flash Lite to create applications for the Nokia N8;
  • Best practice design of graphical interfaces for apps N8;
  • How to publish your application on Ovi Shop quickly and without subscription fees and certification;
  • The new incentives for developers to publish on Ovi Store;
  • The importance of their applications for Symbian ^ 3 and Ovi Shop for the Brazilian market;
  • As local developers have already achieved success in Ovi Store.

The idea is to connect with other developers and meet your local representatives from Nokia, the following areas: technical, sales and marketing, thus obtaining essential information and contacts you need to make your application more successful.

Nokia Developer Day


More:
http://wl4.peer360.com/b/Eu1862dS8kg4S8ACqM16/main.asp?hl=83907665

]]> http://www.leonardofranca.com/index.php/2010/09/14/nokia-developer-day-brasil/feed/ 1 Check if your site is compatible with mobile devices in Adobe Device Central CS5 http://www.leonardofranca.com/index.php/2010/09/08/check-if-your-site-is-compatible-with-mobile-devices-in-adobe-device-central-cs5/ http://www.leonardofranca.com/index.php/2010/09/08/check-if-your-site-is-compatible-with-mobile-devices-in-adobe-device-central-cs5/#comments Wed, 08 Sep 2010 06:08:11 +0000 Leonardo França http://www.leonardofranca.com/?p=738 Continue reading →]]> Site visto no Adobe Device Central CS5nsurprisingly the growing use of mobile devices like smartphones, tablets, etc. With the great increase in access to 3G data network, we have a new class of users that need special attention. Did your site is compatible with mobile devices? if not, it should be because the mobile user can be just who will purchase your product or service.

Did your site is compatible with mobile devices? if not, it should be because the mobile user can be just who will purchase your product or service.

The major banks have already realized this and most already have a version of its Internet banking to mobile devices, including to perform operations that you normally do on the site to pay bills, view balances etc..
Adobe Device Central software is a part of Adobe Creative Suite family that aims to emulate the operation of mobile devices on your desktop. It is mainly used to test the functionality of Flash Lite on smartphones. But it can also be used to test your html pages and simulate the operation of any mobile device.

To open a page or site in Adobe Device Central CS5, just follow these steps:

  • After opening the program, go to "Device Profiles" and click "Browse Devices". A list of profiles of models of smartphones, select a few for your tests (right-click and ask for the "Add to Test Devices")
  • Should see the selected device and its technical specification. Now just go to "File-> Open File ..." to open a file or "File-> Open URL ..." to open a site directly. In my case, ask to open the url of my blog on Nokia 5230:
    Adobe Device Central CS5

    Adobe Device Central CS5

You also have the option to call the Adobe Device Central Adobe Dreamweaver CS5 directly by, just ask "File-> Preview in Browser-> Device Central".
On my blog, I use the plugin WordPress Mobile Edition which formats the blog to be accessed on mobile devices.

Adobe Device Central is included in the following Creative Suite 5 products:

More:
http://www.adobe.com/products/creativesuite/devicecentral/?promoid=ZALP

Recommended Books:

]]> http://www.leonardofranca.com/index.php/2010/09/08/check-if-your-site-is-compatible-with-mobile-devices-in-adobe-device-central-cs5/feed/ 0 Developing games for the Nintendo Wii with Adobe Flash http://www.leonardofranca.com/index.php/2010/09/02/developing-games-for-the-nintendo-wii-with-adobe-flash/ http://www.leonardofranca.com/index.php/2010/09/02/developing-games-for-the-nintendo-wii-with-adobe-flash/#comments Thu, 02 Sep 2010 07:34:19 +0000 Leonardo França http://www.leonardofranca.com/?p=667 Continue reading →]]> The Nintendo Wii is one of today's most popular console, with their control until then innovative for its release, became a video game "for family" and for various utilities. Today, the Nintendo Wii is used in various parts of the world not only for entertainment but also in areas such as physiotherapy for recovering patients :D

Today, the Nintendo Wii is used in various parts of the world not only for entertainment but also in areas such as physiotherapy for recovering patients :D

Well, we know it is possible to develop Flash for the Nintendo Wii, but we must observe some details first. Consider the specification of the Flash Player for the Nintendo Wii contained in Adobe Device Central CS5.

Specification Flash Player in Nintendo Wii


Note that we have to work with Flash Player 7, but Nintendo's website says it can be upgraded to Flash Player 8, and the application will run for the Wii browser, your browser is a version of Opera made exclusively for the Wii.
Wikipedia say that it updated Flash Player to Adobe Flash Lite 3.1 which corresponds to a full implementation of Adobe Flash version 8 with certain features of Flash Player 9. But i created a file Flash Player 9 with ActionScript 2.0 and it worked, Flash Player 9 with ActionScript 3.0 does not work and Flash Lite 3.1 worked. I stayed with Flash Player 9 with ActionScript 2.0 for my test. (System.capabilities.version show AFL 9,1,122,0)
Let's do an example first to see how is the operation of the Flash Player with the Wii Remote.

  • Create a new file type ActionScript 2.0 and soon after, put the movie to compile in Flash Player 8 or 9. Or you can do this directly through Adobe Device Central CS5, which leaves everything configured for you, including the size ideial to run on the Wii browser.
  • The purpose of this example is to evaluate the functioning of the buttons of the Wii Remote, create a symbol of type MovieClip.
  • Enter the following code in the movieclip so that our symbol can be dragged by the Wii Remote:
    PLAIN TEXT
    ACTIONSCRIPT:
    1. onClipEvent(mouseDown)
    2. {
    3.     this.startDrag();
    4. }
    5. onClipEvent(mouseUp)
    6. {
    7.     this.stopDrag();
    8. }

From what I understand, only in mouse events we can use the Nintendo Wii was not possible to use the other buttons and directional pad.
You can test the example by opening the following URL in the browser from the Wii http://www.leonardofranca.com.br/wii or watch the video below.

Despite the limitation of only using the mouse events, can you make very interesting applications in Flash for the Nintendo Wii. I leave a link with some games for the Nintendo Wii made in Flash. :D
http://www.eiksoft.com/wii/index.htm

More:
Documentation ActionScript 2.0

Recommended Books:

]]> http://www.leonardofranca.com/index.php/2010/09/02/developing-games-for-the-nintendo-wii-with-adobe-flash/feed/ 3 Using Accelerometer on Flash Lite with Nokia Platform Services http://www.leonardofranca.com/index.php/2010/08/30/using-accelerometer-on-flash-lite-with-nokia-platform-services/ http://www.leonardofranca.com/index.php/2010/08/30/using-accelerometer-on-flash-lite-with-nokia-platform-services/#comments Mon, 30 Aug 2010 15:17:39 +0000 Leonardo França http://www.leonardofranca.com/?p=690 Continue reading →]]> Accelerometer is a motion sensor, one device responsible for measuring the relative positions of the axes x, y and z, ie, calculate the acceleration of the object. Today it is used for a variety of utilities such as: air bags, vibration measurement, measurement of inclination, smartphones, video games etc.

The accelerometer is used today is used for a variety of utilities such as: air bags, vibration measurement, measurement of inclination, smartphones, video games etc.

Flash Player 10.1 (only for mobile) and Flash Lite 4.0 have access to the device's accelerometer. I'm anxious to get their hands on a Nokia N8 to test new features Flash Lite 4.0, but this hard. Meanwhile, we are developing with Flash Lite 3.0 and 3.1.
Nokia has created a library especially for working with Flash Lite feature that gives access to natively are not possible as access to the accelerometer, GPS, calendar, contacts etc.

Nokia has created a library especially for working with Flash Lite feature that gives access to natively are not possible as access to the accelerometer, GPS, calendar, contacts etc.

I'll show a simple example of using the accelerometer with Flash Lite 3.0 and Nokia Platform Services.
Download the library Nokia and then save the directory under your operating system:

Nokia Platform Services only works on devices running Symbian S60 5th.

  • Mac - /Users//Library/Application/Support/Adobe/Flash CS5/en/Configuration/Classes/
  • Windows Vista - /Users//AppData/Local/Adobe/Flash CS4/en/Configuration/Classes.
  • Windows XP - //Local Settings/Application Data/Adobe/Flash CS5/en/Configuration/Classes/

We will start our first example:

  • Create a file of type ActionScript 2.0 and ask them to compile for Flash Lite 3.0 or 3.1. Or you can create directly from Adobe Device Central CS5.
  • Create a symbol of type MovieClip and give it the instance name of "ball_mc".
  • Create three text fields of type dynamic, therein are shown the positions x, y and z.
  • We must have a stage like this:

    Stage for test Accelerometer

This done, let's now part of programming:
We will start setting the stage for not changing the size of the application if the window is resized. The "DisableKeypadCompatibilityMode" is for use in smartphones with touch screens, if not used, the smartphone will automatically add the virtual keys corresponding to a non-touchscreen smartphone.

PLAIN TEXT
ACTIONSCRIPT:
  1. Stage.scaleMode = "noScale";
  2. Stage.align = "LT";
  3.  
  4. fscommand2("DisableKeypadCompatibilityMode");
  5. fscommand2("FullScreen", "true");

Now let's import the classes made by Nokia and use the Device class and disable the autorotation of the application.

PLAIN TEXT
ACTIONSCRIPT:
  1. import com.nokia.lib.Service;
  2. import com.nokia.lib.Device;
  3.  
  4. var deviceObject:Object = new Device();
  5. deviceObject.DisableAutoRotation(true);

Service will use the class by passing the parameter sensor and then passing the criterion for a search the coordinates of the accelerometer.

PLAIN TEXT
ACTIONSCRIPT:
  1. var sensors = new Service("Service.Sensor", "ISensor");
  2. var inParam = {SearchCriterion:"AccelerometerAxis"};
  3. var outParams = sensors.FindSensorChannel(inParam);

Will return a series of values we use to "advise" the smartphone that our application will be updated with every change in value of the coordinates of the accelerometer through a callback method.

PLAIN TEXT
ACTIONSCRIPT:
  1. var channelInfo = outParams.ReturnValue;
  2. var channelId = channelInfo[0].ChannelId;
  3. var contextType = channelInfo[0].ContextType;
  4. var quantity = channelInfo[0].Quantity;
  5. var channelType = channelInfo[0].ChannelType;
  6. var location = channelInfo[0].Location;
  7. var vendorId = channelInfo[0].VendorId;
  8. var dataItemSize = channelInfo[0].DataItemSize;
  9. var channelDataTypeId = channelInfo[0].ChannelDataTypeId;
  10. var channelParams = {ChannelId:channelId, ContextType:contextType, Quantity:quantity, ChannelType:channelType, Location:location, VendorId:vendorId, DataItemSize:dataItemSize, ChannelDataTypeId:channelDataTypeId};
  11.  
  12. var inParams = {ListeningType:"ChannelData", ChannelInfoMap:channelParams};
  13. sensors.RegisterForNotification(inParams, callBack);
  14. function callBack(transactionID:String, eventID:String, outParam:Object)
  15. {
  16.     if (outParam.ErrorCode == 0)
  17.     {
  18.         var channelData = outParam.ReturnValue;
  19.         txtX.text = channelData.XAxisData;
  20.         txtY.text = channelData.YAxisData;
  21.         txtZ.text = channelData.ZAxisData;
  22.        
  23.         xSpeed -= channelData.XAxisData/NOISE;
  24.         ySpeed += channelData.YAxisData/NOISE;
  25.     }
  26. }

Then just update the x and y coordinates with the values and xSpeed ySpeed in our MovieClip. Made available at the source code to define how far the MovieClip can walk, or only in the area of our application.
DOWNLOAD SOURCE

To learn more:
http://www.forum.nokia.com/Develop/Other_Technologies/Flash_lite/
http://library.forum.nokia.com/index.jsp?topic=/Flash_Lite_Developers_Library/GUID-46EABDC1-37CB-412A-ACAD-1A1A9466BB68.html

Recommended Books:

]]> http://www.leonardofranca.com/index.php/2010/08/30/using-accelerometer-on-flash-lite-with-nokia-platform-services/feed/ 1 Options for Mobile Development http://www.leonardofranca.com/index.php/2010/08/19/options-for-mobile-development/ http://www.leonardofranca.com/index.php/2010/08/19/options-for-mobile-development/#comments Thu, 19 Aug 2010 21:07:56 +0000 Leonardo França http://www.leonardofranca.com/?p=606 Continue reading →]]> Desenvolvimento MobileThe mobile market is one of the fastest growing lately, and with it the demand for applications for this growing niche also bringing one more option for anyone who is a developer and new business opportunities. You developer who likes to keep up, you know exactly what I'm talking about. In this article I gathered some links that those who want to start with mobile development in at least three different platform in which I had lately demands.

The mobile market is one of the fastest growing lately, and with it the demand for applications for this growing niche also bringing one more option for anyone who is a developer and new business opportunities

Among the platforms available for mobile development, we can highlight:

  • Java with JME
  • Nokia Qt, besides being able to use WRT(Web RunTime)
  • Flash Lite
  • Android SDK from Google with the addition of Adobe AIR and Flash Player 10.1
  • IPhone

'll Comment a little bit of each:

Java with JME
JME (Java Micro Edition) is the version that Sun offers for you to program in Java for mobile devices. It offers an enormous range of API's that were made specifically. Has a very complete documentation and several examples. I leave a link how to set up your environment for development JME.

Nokia Qt
Nokia offers Qt, Cross-plaftorm application and UI framework, with specific libraries for mobile devices (such as QTMobility). You program in C++ and there is an interface language like MXML. Has its own IDE and has emulators for Symbian S60, 40 and Symbian^3 beyond Maemo and Meego.

Adobe Flash Lite
Adobe Flash Lite still has space on the market, with a different version of the Flash player with some features specific to mobile devices. The development environment is to own Adobe Flash Professional and Adobe Device Central.

Google Android
Google offers for the Android platform a set of SDK's and emulators for the different versions of its operating system with each passing day it becomes more popular. It has a plugin for you to program in Eclipse, the Android Development Tools(ADT). The language used is Java. From Android 2.2 (Froyo) you have the option to create applications in Adobe AIR, the AIR runtime is installed on the device and you create the application using Adobe Flash Professional (which has an extension to create the files .apk) or Adobe Flash Builder.

Apple IPhone
Who wants to program for iPhone, ipad and the like, Apple provides an SDK. You use the Objective-C language, derived from C, and some interesting libraries developed for working with muiltitouch like Cocoa. We'll find a list of frameworks.

Well, we have options, it behooves us to analyze only that can best serve our customers. Should stay something about Windows Phone 7 because it seems to me very promising and deserves attention too.

Recommended Books:
JME
Beginning Java™ ME Platform (Beginning from Novice to Professional)
J2ME: The Complete Reference
Enterprise J2ME: Developing Mobile Java Applications
J2ME Game Programming (Game Development)

Nokia Qt, C++, Symbian, Meego
Qt for Symbian
S60 (Software Platform): Qt, Nokia 5800 Xpressmusic, S60, Nokia Pc Suite, Python for S60, the Core Pocket Media Player, Nokia E75
Beginning Nokia Apps Development: Using MeeGo, Mobile QT and OpenSymbian
Porting to the Symbian Platform: Open Mobile Development in C/C++ (Symbian Press)

Adobe Flash Lite
AdvancED Flash on Devices: Mobile Development with Flash Lite and Flash 10
Professional Flash Lite Mobile Development (Wrox Programmer to Programmer)
Foundation Flash Applications for Mobile Devices

Android
Hello, Android: Introducing Google's Mobile Development Platform (Pragmatic Programmers)
Android Application Development: Programming with the Google SDK
Professional Android 2 Application Development (Wrox Programmer to Programmer)

IPhone
Beginning iPhone 3 Development: Exploring the iPhone SDK
iPhone Programming: The Big Nerd Ranch Guide (Big Nerd Ranch Guides)
The iPhone Developer's Cookbook: Building Applications with the iPhone 3.0 SDK (2nd Edition)

Windows Phone 7
Learning Windows Phone Programming
Windows Mobile Game Development: Building games for the Windows Phone and other mobile devices (Expert's Voice in .NET)
Programming Windows Phone 7

]]> http://www.leonardofranca.com/index.php/2010/08/19/options-for-mobile-development/feed/ 2 Flash Lite is dead? http://www.leonardofranca.com/index.php/2010/07/29/flash-lite-is-dead/ http://www.leonardofranca.com/index.php/2010/07/29/flash-lite-is-dead/#comments Thu, 29 Jul 2010 03:11:00 +0000 Leonardo França http://www.leonardofranca.com/?p=597 Continue reading →]]> One of the questions you do lately is the possible death of Flash Lite. We have the Flash Player 10.1 optimized for mobile and Adobe AIR 2.5 for Android, and with that Flash Lite would be in their final days.
I've read articles that argued that Adobe did not know that capitalize on the success that Macromedia has with Flash Lite in Japan and began to give priority for mobile systems only now. This can be a little truth, but Adobe does not mess around, now this with full force for a variety of devices, not only mobile.
Now our question which gave title to the article, along with Flash Player 10.1, Adobe released Flash Lite 4.0 also, being a version of Flash Player for devices with limited processing resources and memory but with support for ActionScript 3.0. See the list of features available here.
For one thing, each day brings more smartphones come with Android 2.2 (Froyo), which officially supports the Flash Player 10.1 and Adobe AIR 2.5. Also, we're seeing with Android smartphones (earlier) being updated with Froyo. That is, based on Flash contents tends to grow with these major smartphones. On the other hand so far, have only a smartphone officially announced with Flash Lite 4.0, the Nokia N8 and possibly Nokia C7, the question remains, still worthwhile to develop content for Flash Lite?
And my answer is YES, even for Flash Lite 3.0 or 3.1(ActionScript 2.0) especially for Nokia devices and why I say this. Let's see some facts:

So in conclusion, is a market for development and yet it is worth studying (and remember) Actionscript 2.0. I believe that we will have two or three years of life for Flash Lite.

Recommended Books:

]]> http://www.leonardofranca.com/index.php/2010/07/29/flash-lite-is-dead/feed/ 7 Increasing the power of Flash Lite with the S60 Platform Services http://www.leonardofranca.com/index.php/2009/12/21/increasing-the-power-of-flash-lite-with-the-s60-platform-services/ http://www.leonardofranca.com/index.php/2009/12/21/increasing-the-power-of-flash-lite-with-the-s60-platform-services/#comments Mon, 21 Dec 2009 23:21:11 +0000 Leonardo França http://www.leonardofranca.com/?p=526 Continue reading →]]> Nokia has created a set of classes to be used in conjunction with Flash Lite, the Flash Lite Developer's Library, allowing you to create flash content for different devices designed to platform S60.
O S60 Platform Services aims, to increase the power of Flash Lite, giving access to resources that natively, are not supported in Flash Lite still.
A API Services is supported on devices with Flash Lite 3.0 and Symbian S60 5th Edition including Nokia N97.
The following are some examples of uses of the API Services..

Another nice example:
Accessing GPS with Nokia Platform Services
http://vimeo.com/7343089

to learn:
http://www.forum.nokia.com/Technology_Topics/Web_Technologies/Flash_Lite/QuickStart.xhtml
Using Platform Services
http://library.forum.nokia.com/index.jsp?topic=/Flash_Lite_Developers_Library/GUID-46EABDC1-37CB-412A-ACAD-1A1A9466BB68.html

Flash Lite Developer’s Library
http://www.forum.nokia.com/info/sw.nokia.com/id/43ca0681-c8c6-4684-ad71-c4ac41f3ee4f/Flash_Lite_Developers_Library.html

]]> http://www.leonardofranca.com/index.php/2009/12/21/increasing-the-power-of-flash-lite-with-the-s60-platform-services/feed/ 0 Stream with Flex or Flash or Flash Lite and Flash Media Server http://www.leonardofranca.com/index.php/2009/08/22/stream-with-flex-or-flash-or-flash-lite-and-flash-media-server/ http://www.leonardofranca.com/index.php/2009/08/22/stream-with-flex-or-flash-or-flash-lite-and-flash-media-server/#comments Sat, 22 Aug 2009 03:58:54 +0000 Leonardo França http://www.leonardofranca.com/?p=458 Continue reading →]]> Recent years have seen an explosion of growth of multimedia content available, but also the growing use of broadband, we have more users with access to multimedia content, but the main factor was the ease that Flash brought to this kind of implementation of rich content (or you think that if youtube was done with windows media, would have the same result :P ), Including mobile devices. Recently we had the highest peaks of people accessing streamed content with the funeral of Michael Jackson, not only surpassed by the Obama's Inauguration.
Adobe Flash Media Server e Flash Platform

Adobe Flash Media Server and Flash Platform


The aim of this paper is to demonstrate how we can make the mere distribution of content streamed using Adobe Flash Media Server along with the Flash Platform.

We will see how to implement a service stream with Adobe Flex, Adobe Flash and Adobe Flash Lite along with the streaming server Adobe Flash Media Server.

Adobe Flash Media Server 3.5

Adobe Flash Media Server 3.5


Adobe Flash Media Server, currently in its version 3.5, has three versions available:

  • Adobe Flash Media Streaming Server - for transmission to the streaming content with the Flash Platform
  • Adobe Flash Media Interactive Server - For interactive applications, multi-way communication, videos in real-time, audio, and data sharing.
  • Adobe Flash Media Development Server - Contains all the features of FMIS, being free and limited to 10 simultaneous connections.

In addition to these versions, there are the following:

Preparing the Adobe Flash Media Server
The version used in tutorial is Flash Media Server 3.5, see how to install this article from Tom Green, make sure that the server is running normally, and we will create the directory of our application for example, by default, the directories of the applications are created in the path: "C: \ Program Files \ Adobe \ Flash Media Server 3.5 \ applications", I changed the file fms.ini (C: \ Program Files \ Adobe \ Flash Media Server 3.5 \ conf) in the constant "VHOST . APPSDIR "to" C: \ apache \ htdocs \ applications \ ".
That done, let's create the directory of our application giving the name "videoondemand" and within that, another folder called "streams" and within this, a directory called "_definst_" where videos should be saved.
Our structure is ready to receive the videos will be provided for streaming with Flash Media Server, one last detail is to create a file called "main.asc" and save in "videoondemanda" can even be empty, he will be responsible for Flash Media Server recognizes the application. Let's test the console application using Flash Media Server, ( "C: \ Program Files \ Adobe \ Flash Media Server 3.5 \ webroot \ swfs \ fms_adminConsole.swf"), View Applications tab, select the server in my case will place in combobox "new instance ...". select videoOnDemand "if everything is correct, the island had begun to monitor the application. You should see something like the image below:

Flash Media Server Console

Flash Media Server Console


Stream with Flash and Flash Media Server
Now we just need to create our client that will run the videos, we have several ways to implement this, I will start using Adobe Flash CS4 Professional.

  • Go to "Files-> New .." select Flash File (ActionScript 3.0).
  • In the library panel, click on the "new Video. Give the name of instance "vd. In Type leave selecting "Video (ActionScript-controlled).
    Adobe Flash CS4

    Adobe Flash CS4

  • Create a layer to write our ActionScript.

In the initial code, instantiate the class NetConnection to make the connection to Flash Media Server:

PLAIN TEXT
ACTIONSCRIPT3:
  1. var rtmp:String = "rtmp://localhost/videoOnDemand";//your domain Flash Media Server//
  3.  
  4. function doConnect():void
  5. {
  6.     nc.connect(rtmp);
  7.     //nc.objectEncoding=ObjectEncoding.AMF0; // only for Flash Media Server 2
  8.     nc.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
  9. }
  10.  
  11. function handlerNetStatus(evt:NetStatusEvent):void
  12. {
  13.     var info:Object=evt.info;
  14.     trace(info.code);
  15. }
  16.  
  17. doConnect();

By doing so, we will test pressing ctrl + enter, if all goes well, we should see the following message in the output:

NetConnection.Connect.Success

Now just implement a function that will instantiate the NetStream class, responsible for the video stream, soon after adding the movieclip that will run the video.

PLAIN TEXT
ACTIONSCRIPT3:
  1. function doStream():void
  2. {
  3.     var ns:NetStream=new NetStream(nc);
  4.     vd.attachNetStream(ns);
  5.     ns.play("sneeze");
  6.     ns.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStreamStatus);
  7.     ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR,onMetaData);
  8. }
  9.  
  10. function handlerNetStreamStatus(evt:NetStatusEvent):void
  11. {
  12.     var info:Object=evt.info;
  13.     trace(info.code);
  14. }

We should have the following result:

Stream com Flash e Flash Media Server

Stream com Flash e Flash Media Server

Using the FLVPlayback component

  • Go to "Files-> New .." select Flash File (ActionScript 3.0).
  • In dry go to "Window-> Components or Ctrl + F7, drag the FLVPlayback component to the stage, in the name of instance myFLVPlayback

Now we have to "tell" the component that will be using a video stream content, simply set the isLive property to true:

PLAIN TEXT
ACTIONSCRIPT3:
  1. import fl.video.*;
  2.  
  3. flvPlayer.isLive=true;
  4. flvPlayer.source="rtmp://localhost/videoondemand/sneeze";
  5. flvPlayer.scaleMode = VideoScaleMode.MAINTAIN_ASPECT_RATIO;
  6. flvPlayer.play();

Stream with Flex and Flash Media Server
We will see some examples implementing Adobe Flex, the first example will be using the Video class, we instantiate it and add a simple canvas component.
The basics are very similar as done in Adobe Flash.
Using the Video class

PLAIN TEXT
ACTIONSCRIPT3:
  1. private var url_rtmp:String = "rtmp://localhost/videoOnDemand";
  2. private var nc:NetConnection = new NetConnection();
  3. private var ns:NetStream;
  4. private var localVideo:Video = new Video(320,240);
  5. private var videoHolder:UIComponent;

Added the init function to be loaded as createComplete the application:

PLAIN TEXT
ACTIONSCRIPT3:
  1. public function init():void
  2. {
  3.     nc.connect(url_rtmp);
  4.     call();
  5.     //nc.objectEncoding = ObjectEncoding.AMF0; // for Adobe Flash Media Server 2.0
  6.     nc.addEventListener(NetStatusEvent.NET_STATUS,netStatusHandler);
  7.     btnView.addEventListener(MouseEvent.CLICK,play);
  8. }

We will have a function to check if the connection to Flash Media Server was successful.

PLAIN TEXT
ACTIONSCRIPT3:
  1. private function netStatusHandler(e:NetStatusEvent):void
  2. {
  3.     var info:Object = e.info;
  4.     trace(info.code);
  5.     switch(info.code)
  6.     {
  7.         case "NetConnection.Connect.Success":
  8.         btnView.enabled = true;
  9.         btnView.label = "Play";
  10.         break;
  11.         case "NetConnection.Connect.Closed":
  12.         trace();
  13.     break;
  14.     }
  15. }

Function callCamera be responsible for "building" the video (localvideos) to add it in the holder (instance of UIComponent) and only then adding the canvas (cv).

PLAIN TEXT
ACTIONSCRIPT3:
  1. private function call():void
  2. {
  3.     var holder:UIComponent = new UIComponent();
  4.     localVideo = new Video(320,240);
  5.     holder.addChild(localVideo);
  6.     cv.addChild(holder);
  7. }

Now implementing the rest of the code.

PLAIN TEXT
ACTIONSCRIPT3:
  1. private function play(evt:MouseEvent):void
  2. {
  3.     ns = new NetStream(nc);  
  4.         ns.play("sneeze");
  5.     localVideo.attachNetStream(ns);
  6.     ns.addEventListener(NetStatusEvent.NET_STATUS,netStatusHandlerNC);
  7. }
  8.            
  9. private function netStatusHandlerNC(e:NetStatusEvent):void
  10. {
  11.     var info:Object = e.info;
  12.     trace(info.code);
  13. }

Using the component VideoDisplay
The implementation of this component created by Giacomo (Peldi) Guilizzoni after being included in the Flex Framework should be the most difficult of all :P , Or I'll take the time to explain.

PLAIN TEXT
ACTIONSCRIPT3:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  3.     <mx:VideoDisplay id="vd" source="rtmp://localhost/videoondemand/streams/sneeze.flv" x="10" y="10"/>
  4. </mx:Application>

DOWNLOAD SOURCE

Using the FLVPlayback component in Flex
The component can also be FLVPlaybak using Adobe Flex, for this just follow the following steps:

  • Go to "directory to install the Adobe Flash\Common\Configuration\Components\Video\".
  • FLVPlaybackAS3.swc Copy the file to your project in Flex Builder
  • Choose the skin (the installation directory of the Adobe Flash \ Common \ Configuration \ FLVPlayback Skins \ ActionScript 3.0) of your preference and save on your project.

Now just instantiate the class instance and adds it to the stage:

PLAIN TEXT
ACTIONSCRIPT3:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="createVideo();">
  3.     <mx:Script>
  4.         <![CDATA[
  5.             import mx.core.UIComponent;
  6.             import fl.video.FLVPlayback;
  7.             import fl.video.VideoScaleMode;
  8.            
  9.             private function createVideo():void
  10.             {
  11.                 var vid:FLVPlayback = new FLVPlayback();
  12.                 var ui:UIComponent = new UIComponent();
  13.                 //this.addChild(ui);
  14.                 ui.addChild(vid);
  15.                 flvbp.addChild(ui)
  16.                 vid.width = 320;               
  17.                 vid.height = 240;
  18.                 vid.source = "rtmp://localhost/videoondemand/sneeze";
  19.                 vid.skinBackgroundColor = 0x666666;
  20.                 vid.skin = "skins/SkinUnderPlayStopSeekFullVol.swf"; // salvar o skin no projeto
  21.                 vid.scaleMode = VideoScaleMode.MAINTAIN_ASPECT_RATIO;
  22.                 vid.skinAutoHide = false;
  23.             }
  24.         ]]>
  25.     </mx:Script>
  26.     <mx:Canvas id="flvbp" x="0" y="0" />
  27. </mx:Application>

Stream with Flash Lite and Flash Media Server
Adobe Flash Lite 3.0 introduced some new ones, the ability to play video streamed directly with Adobe Flash Media Server. Joining this with the growing use of 3G and models of phones with Flash Lite (the work everyone has a Nokia N95, the less I :P ) , We have an unprecedented range of possibilities in world.
To schedule content for Flash Lite, we will use Adobe Flash CS4 and ActionScript 2.0 programming (still can not use ActionScript 3.0 or even Adobe Flex).

  • Go to "Files-> New .." select Flash File (Mobile).
  • Then, will open the Adobe Device Central CS4, pick any phone model that supports Flash Lite 3.0, has no case, ask for the Device Central update your library.
  • We will do the same thing we did to play stream with Flash CS4, In the library, click on the "new Video. Give the name of instance "vd. In Type leave selecting "Video (ActionScript-controlled).
  • Create a layer to write our ActionScript.

In the initial code, instantiate the class NetConnection to make the connection to Flash Media Server, if successful, begin the stream:

PLAIN TEXT
ACTIONSCRIPT:
  1. //#include "BandwidthAS2.as"
  2.  
  3. var rtmp:String = "rtmp://localhost/webcam";
  4. client_nc = new NetConnection();
  5. client_nc.connect(rtmp);
  6.  
  7. fscommand2("FullScreen", true);
  8.  
  9. client_nc.onStatus = function(info) {
  10.     trace("Level: "+info.level+" Code: "+info.code);
  11.     switch (info.code) {
  12.         case "NetConnection.Connect.Success" :
  13.             doPlay();
  14.             break;
  15.         case "NetConnection.Connect.Closed" :
  16.             break;
  17.     }
  18. };
  19.  
  20. function doPlay()
  21. {
  22.     in_ns = new NetStream(client_nc);
  23.     vd.attachVideo(in_ns);
  24.     in_ns.play("sneeze");
  25.     in_ns.connect();
  26. }

One detail that we must look at the setting of publication, we put the option "Local Playback" to "Access network only", but the video will not run on the phone.

Configuração de publicação para p Flash Lite 3.1

Configuração de publicação para o Flash Lite 3.1


That done, we have the following result:
Adobe Device Central

Adobe Device Central


Now it so save the swf and test the phone, you can also save it as Flash Lite 3.1 and use Adobe Mobile Package to create an installer .sis (to Simbiam) or .cab (for windows mobile) for your mobile.

DOWNLOAD SOURCE

Bonus 1
Stream with Adobe Dreamweaver CS4 and Flash Media Server
Ok ok, not quite but it is an alternative for those not familiar with Adobe Flash or Adobe Flex. Let it:

  • Create a blank html page.
  • Go to "Insert-> Media-> FLV .
  • In Video type, select "Streaming Video".
  • On server load URI put rtmp://localhost/videoondemand/.
  • In stream name, put the name of the video, in our case will "sneeze".
  • Configure the remaining options to your liking, save the page and open in your browser (Dreamweaver will copy some files to your next page)

Bonus 2
Some useful tools for developing with Adobe Flash Media Server, including an update of the FLVPlayback with support for Dynamic Streaming and DVR.
http://www.adobe.com/products/flashmediaserver/tool_downloads/

Bonus 3
The file main.asc used in the example has an implementation to detect the speed of bandwidth used and we can create a feature to determine a video that best fits User Connection. This file appears in the examples that are located in the installation of Adobe Flash Media Server.

DOWNLOAD SOURCE

Flash Media Server Developer Center
http://www.adobe.com/devnet/flashmediaserver/

Recommended Books:
Hands-On Guide to Flash Video: Web Video and Flash Media Server (Hands-On Guide Series)
Flash Video for Professionals: Expert Techniques for Integrating Video on the Web
Introduction to Flash Media Server 2

Translations:
Português do Brasil

]]> http://www.leonardofranca.com/index.php/2009/08/22/stream-with-flex-or-flash-or-flash-lite-and-flash-media-server/feed/ 2