Here is a simple Video Chat application I built with Flex 4 and deployed on AIR for Android. The Application is just 30 lines of code and allows multiple users to join a chat room and “video chat”.
Video streaming is powered by LiveCycle Collaboration Services, a set of hosted Flash Services that enable developers to easily add real-time collaboration and social capabilities to their applications.
This application is obviously a bare-bones proof of concept. However, it is fully operational, and the same code can run on different runtime environments: AIR for Android, AIR on the Desktop, and Flash Player in the Browser. Users can participate in the same collaboration session regardless of the runtime environment they use.
Watch the video:
The 30 lines of code:
<?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:cs="AfcsNameSpace" currentState="logon" fontSize="28">
<fx:Script>
[Bindable] private var roomURL:String = "http://connectnow.acrobat.com/YOUR_ROOM_NAME";
protected function connect():void {
auth.userName = userName.text;
currentState = "default";
session.login();
}
</fx:Script>
<s:states>
<s:State name="default"/>
<s:State name="logon"/>
</s:states>
<fx:Declarations>
<cs:AdobeHSAuthenticator id="auth"/>
</fx:Declarations>
<s:TextInput id="userName" includeIn="logon" top="200" horizontalCenter="0"/>
<s:Button label="Connect" click="connect()" includeIn="logon" top="250" horizontalCenter="0" height="50" width="150"/>
<cs:ConnectSessionContainer id="session" roomURL="{roomURL}" authenticator="{auth}" autoLogin="false" width="100%" height="100%" includeIn="default">
<cs:WebCamera top="10" left="10" bottom="10" right="10"/>
</cs:ConnectSessionContainer>
</s:Application>
Thank You!…
Nice!!!
Super cool!
30 lines of configuration does not add up to 30 lines of code.
All the heavy lifting is done by AIR and LiveCycle.
Well done! Facetime for Android.
Thank you for sharing this great tutorial! this is fantastic!
Good stuff.Thank you!
Hi,
You do an excellent job.
But i try to run this code in Desktop but it has following line errors
Where we get this refrence classes.
Thanks
video chat goot
Well done! Facetime for Android.
Carton Machine
Well done! Super.. Thanks…
Thank you for sharing this great tutorial…
I am getting error on line no 20 and 26 i am using Flash Builder 4,
This is the error showing
Could not resolve to a component implementation
Could not resolve to a component implementation
what is the problem?
Hey I am so glad I found your web site, I really found you by mistake, while I was researching on Bing for something else, Regardless I am here now and would just like to say thanks for a fantastic post and a all round entertaining blog (I also love the theme/design), I don’t have time to read through it all at the minute but I have saved it and also added in your RSS feeds, so when I have time I will be back to read more, Please do keep up the awesome work.
This is not working for me. Do you have more detailed instructions?
what is this xmlns:cs=”AfcsNameSpace”?
replace it with ‘ xmlns:rtc=”http://ns.adobe.com/rtc” ‘ and recompile.
Hi ,
I am trying to develop the video chat application. Where I have to include the above xml(script). And how to start the application coding.
Before moving with PODS Ripoffreport.com them
Good article. Thanx…
I noticed that the bounce rate on my web sites is pretty high – for most visits it is 100%. I believe my content is relevant to the search phrases I am discovered for. What do you believe may be the issue?. What exactly is a normal bounce rate for you?! Help !
just 30 lines, very nice
what are all the requirements and how exactly to run this code??
what are the requirements and how exactly to run this code??
Hello Christophe,
I run the code in flash bulder 4.5.1 with lccs.swc SDK in android mobile application project and I got this compilation error :
“ConnectSessionContainer’ declaration must be contained within the tag, since it is not assignable to the default property’s element type ‘mx.core.IVisualElement’ “.
Thank’s for your help
Royi.
Does anybody have a flash 4.5.1 project that they would share
Thank you for useful information. Waiting for new posts.
But how to run this code on eclipse gelileo for Android Apllication
Nice feature, thanks for sharing!
Thank you for sharing. Really nice!
Thanks for sharing. Nice post!
I have used the code for conferencing. I have created my room in sdk and given proper authentication.
My app is running without errors . But when i try to connect , all i can see is a blank window
Could you please help me to sort out this issue
Excuse me. I have some question to aks to you that how can I run this app.Because I don’t understand about Flex