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>
11 Comments
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…
39 Trackbacks
[...] Direct Link [...]
[...] An interesting post from Adobe evangelist, Christophe Coenraets, where he creates a video chat application for Android in just 30 lines of configuration code, leveraging Adobe LiveCycle Collaboration Service. Grab the code and read more on his blog here. [...]
[...] Video Chat for Android in 30 Lines of Code [...]
Supercooled water | video…
I found your entry interesting, and I’ve added a Trackback to it on my weblog :) Thank You!…
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
[...] man eine in Aktion zu sehen. Welches ist, warum Adobe Technical Evangelist Christophe Coenraets hat zusammen eine Demo zeigen, was AIR tun können, wenn es genutzt wird, um die gleiche Anwendung auf beiden [...]
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
[...] bad it’s only a proof-of-concept.. for [...]
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
[...] bad it’s only a proof-of-concept.. for [...]
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
[...] bad it’s only a proof-of-concept.. for [...]
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
Executive netbook – the beginning…
I found your entry interesting thus I’ve added a Trackback to it on my weblog :)…
[...] Video Chat for Android in 30 Lines of Code [...]
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
fVisiOn NTIC te hace ver conejos no significativas…
I found your entry interesting thus I’ve added a Trackback to it on my weblog :)…
How to fold | video…
I found your entry interesting, and I’ve added a Trackback to it on my weblog :) Thank You!…
How to fold | video…
I found your entry interesting, and I’ve added a Trackback to it on my weblog :) Thank You!…
[...] [Source] Loading google.load('search', '1'); google.setOnLoadCallback(function(){ new google.search.CustomSearchControl('012240321471511227919:cz4ngqat5fa').draw('cse'); }, true); [...]
Amazing ping pong skills | video…
I found your entry interesting, and I’ve added a Trackback to it on my weblog :) Thank You!…
[...] [...]
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
When Flash goes bad | video…
I found your entry interesting, and I’ve added a Trackback to it on my weblog :) Thank You!…
Funny commertial | video…
I found your entry interesting, and I’ve added a Trackback to it on my weblog :) Thank You!…
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
Bipolar Darkness Chapter 1 by youtube poster vigilante114…
I found your entry interesting thus I’ve added a Trackback to it on my weblog :)…
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
[...] bad it’s only a proof-of-concept.. for [...]
[...] bad it’s only a proof-of-concept.. for [...]
[...] bad it’s only a proof-of-concept.. for now. Tweet ThisSHARETHIS.addEntry({ title: "Video: Flash-based video conferencing for [...]
[...] Video chat for Android using LiveCycle Collaboration Service and AIR [...]
[...] • AIR2.5 StageWebView演示 • AIR里的地理定位 • 关于使用LiveCycle Collaboration Service和AIR的Android的视频图表 • 使用P2P连接桌面apps的Android apps：这儿和这儿 • [...]
[...] AIR2.5 StageWebView演示 • AIR里的地理定位• 关于使用LiveCycle Collaboration Service和AIR的Android的视频图表• 使用P2P连接桌面apps的Android apps：这儿和这儿• [...]
[...] when you can see one in action. Which is why Adobe Technical Evangelist Christophe Coenraets has put together a demo showing off what AIR can do when it’s used to deploy the same application across both [...]
[...] is just another example of “built-in” collaboration (go here and here for more). The point is really how easy it is to add these collaboration features to any [...]
[...] des applications collaboratives basées sur LCCS (LiveCycle Collaboration Service). Après la vidéo-conférence et le morpion, un peu de cartographie cette [...]