ELIPS Studio 3: cross-platform mobile development with Flex

flex mobile framework

I just happen to stumble across this totally amazing site Open Plug.com. The totally absurd but valid question to ask was…if these guys have done so much in little time, what about Adobe ??. Should we have already seen adobe implement this for its developers ?. Open plug’s solution is the more smarter one, on the mobile platform than what most of us will expect. Its not delivering swf on for the devices, and No! there is no flash player needed to run the code generated either. (more…)

Passing parameters to Red5 application with OSMF

Recently working on a Flex project i had the need to implement a video player in my Flex application. Although my needs did not involve media streaming, rather only playing live streams, i still needed a  industry standard code to my solution. Thats where OSMF (Strobe)  came handy. Tracking OSMF for a few months, seems like we finally have a usable version – OSMF 1.0  (0.93).

The second hurdle was passing parameters to RTMP application. As the traditional Netconnection class allows connection params in the constructor, i was unable  to find a example on the web involving OSMF and passing parameters to RTMP applications. Finally after some struggle , god’s grace 🙂 i think i nailed it. Here is the code snippet showing you how to connect to a RTMP application and passing parameters when connecting.

Note: Make sure you have latest OSMF revision from trunk added to your project classpath.


<?xml version="1.0" encoding="utf-8"?>
<mx:Application applicationComplete="application1_applicationCompleteHandler(event)" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="1024" minHeight="768">
<mx:Script>
<![CDATA[
import mx.events.FlexEvent;

import org.osmf.containers.MediaContainer;
import org.osmf.elements.VideoElement;
import org.osmf.events.MediaPlayerStateChangeEvent;
import org.osmf.media.MediaPlayer;
import org.osmf.net.NetLoader;
import org.osmf.net.StreamType;
import org.osmf.net.StreamingURLResource;

private static const REMOTE_STREAMING:String = "rtmp://localhost/RtmpAuthenticate/DarkKnight.flv";
private var mediaElement:VideoElement;
private var mediaPlayer:MediaPlayer;
private var container:MediaContainer;



protected function application1_applicationCompleteHandler(event:FlexEvent):void
{
var vector:Vector.<Object> = new Vector.<Object>();
vector[0] = "rajdeep";
vector[1] = "xyz123";

// TODO Auto-generated method stub

mediaElement = new VideoElement(new StreamingURLResource(REMOTE_STREAMING,StreamType.RECORDED,NaN,NaN,vector),new NetLoader);
container = new MediaContainer();
container.addMediaElement( mediaElement );

// Flex requires a DisplayObject to be wrapped in Flex Framework UI Abstraction
videoParent.addChild( container );

// MediaPlayer is a virtual controller. Assign it a media element and it will autoplay the media by default.
mediaPlayer = new MediaPlayer(mediaElement);
mediaPlayer.addEventListener(MediaPlayerStateChangeEvent.
MEDIA_PLAYER_STATE_CHANGE,onMediaPlayerState);

container.width = 320;
container.height = 240;
}

private function onMediaPlayerState(me:MediaPlayerStateChangeEvent):void
{
trace(me.state);
}

]]>
</mx:Script>
<mx:UIComponent x="144" y="110" width="409" height="325" id="videoParent" />
</mx:Application>

Data Centric Development for Flash Player 10.1 using Flash Builder 4 on Android Device

Sujit Reddy demonstrates using Flash Builder 4  for data centric development for Flash Player 10.1. The application developed here is consuming data from a Data Management Service destination of LiveCycle DS (LCDS) and so any changes to the data on the mobile devices is pushed to all other clients viewing the same data . the concept is very much like real-time push with RTMP , only in this case its using LiveCycle DS. Its basically a online mobile purchasing app. Very nicely done though :). You can read in details here at Sujit Reddy’e blog.

New stuff in FP10.1 and AIR2

VIA Serge Jespers’s blog here is a slide presentation that explains that Flash Player 10.1 and AIR 2.0 bring for us. you can download source code to the files mentioned in the presentation from his blog.

Right down from Touch Screen events to Local Audio processing in Adobe AIR 2.0 and lots more. Have a watch at it yourself.