

Video Chat with LiveCycle Collaboration Services (LCCS)

0 (0 Likes / 0 Dislikes)
[ADOBE DEVELOPER CONNECTION] [Krcha] Hello, my name is Tom, and I'm one of the members of Platform Evangelism team. Today, I'm going to show you how you can build simple video chat with LiveCycle Collaboration Service. So what you have to do for this is you go to afcs.acrobat.com portal which is LiveCycle's Collaboration Service developer portal, and you log in with your Adobe credentials. Just say Log In. Now we are connected to the developer portal. You can see the list of your Applications, your list of your Rooms you can set up, and also some Account Details and also Quota Usage. So what you have to do is actually download the SDK, which is an Air app and they link you to set up the whole process of LiveCycle Collaboration Service-- means framework and the library and documentations and all the stuff you actually need to become a LiveCycle Collaboration Service developer. So once you get it, you can launch it-- it's called SDK Navigator. And what you have to do now is actually unzip the SDK to the plugins folder of Adobe Flash Builder 4. So we go to Adobe Flash Builder 4, plugins folder, and unzip it. Just hit Select or hit right here--it's called com.adobe.afcs. Just hit Cancel, close it, and let's go. We create a new project here, so File--A New Flex Project. We call it--for instance, CustomerCare--it's up to you. Hit Next, Next, and now in the Library Path, we actually hit the Add SWC button and browse for the library, which is in .com.adobe.afcs folder, and go to libs folder. And we are going to use Flash Player 10, swc library, so you choose it, and hit OK and Finish. Now the project is created, so what we have to do is two things. First, before, we need AdobeHSAuthenticator, which is class, handling all the information about a user. And also, the ConnectSessionContainer, which is a container which includes all the components of afcs which we are going to use. So press in for our AdobeHSAuthenticator, we give it some id-- for instance, like "Auth"--and we also include some user name-- for instance, "Tom." It's totally up to you. Okay. So the next thing we are going to do is actually create the ConnectSessionContainer, which is a container for all the components you have in LiveCycle Collaboration Service. So we just write ConnectSessionContainer, we give it some id-- for instance, "session." We also bind it to authenticator, and to finally we include roomURL. The roomURL consists of 2 things: the Account URL, which you can find here, in Account Details of the LiveCycle Collaboration Service, and also the Room Name. So you just pass like that, for instance. We also will lay out these components, so I want it from left 0, from right 0, and from top 0, and from bottom 0. So now it's a big container. We want to build an application which is using a web camera, so we will include 2 components. One of them is going to be web camera, and SimpleChat. So WebCamera, and the second one is SimpleChat, which is actually a chat component. The next things you have to do is include AudioPublisher, which is actually a component sending out the stream from your microphone, and AudioSubscriber, which is the component receiving the sound of the other people in the room. Okay, now we just go to Design and lay out these components-- like that. So this is the web camera component, and this is the SimpleChat component. You can do it like that--yeah. Before we run it, I promise you that we will use peer-to-peer for the data trials, so you can actually build applications which are sending the video and audio stream through peer-to-peer. So when we go to Source, the only thing you have to do is switch the protocol, which is by default RTMP to RTMFP, which is called "Real Time Media Flow Protocol," and this is the peer-to-peer protocol we've used for peer-to-peer communication and Flash player. So when we launch it, you can resize it and also look at a console. Now it's getting connected to the server, it's giving some information, and cool--we are in. We can start a camera--like that. You can also write something here and send, and if you launch it in a different window, so that we actually see that it works for multi users, you can see that we are actually receiving the stream from one window to another. We can also start a camera as well, and have like 2 cameras in this--yeah--so now you can see it. And the chat works as well. So this is pretty much the introduction to LiveCycle Collaboration Service. If you want more, you can check the tutorials, which are included in the afcs navigator. flashrealtime.com/category/video-tutorial You can also go my blog flashrealtime.com to see more. Thank you. [ADOBE DEVELOPER CONNECTION]

Video Details

Duration: 6 minutes and 17 seconds
Language: English
License: All rights reserved
Genre: None
Views: 252
Posted by: adobetv on Oct 21, 2010

Learn to build a simple video chat with LiveCycle Collaboration Services. Tom Krcha highlights how Adobe LiveCycle Collaboration Services benefit developers creating applications with the Flash Platform.

Caption and Translate

    Sign In/Register for Dotsub to translate this video.