Wowza/Flex AV Chat example

Wowza Developer Dojo
1

This is a Flex version of the Wowza videoChat example, with application module to track users and streams in shared objects.

Wowza and Flex source files are attached.

Steps:

  • Copy the jar file from the package /lib folder to Wowza lib folder.

  • Create an application named “avchat”, then add this Module /conf/avchat/Application.xml /Modules list. Make it the last one:

      		
<Module>
	  <Name>avchat</Name>
          <Description>AV Chat support</Description>
          <Class>com.lakesidetechnical.AVChat</Class>
</Module>

  • Restart Wowza

  • Double click [package]\client\avchat.html. Click Connect, click Publish, then click Play

  • Copy the files in the [package]\client folder to a web server so that they can be reached by others to chat with.

    NOTES:

    You need Flex and basic Actionscript 3 skills to work with this example. This example is free to use and modify however you want

    Richard

2

Richard on this example you switch the streams when you click on list componet. This changes the remote video on that computer. But do you know if there is a way to have what ever is in the remote video screen to stream out a new video stream to have another application look @ that one. Not sure I’m making sense. Or do you have to have a shared function that basicly would sync to what ever you selected in the list would switch on the clients (other applications) stream.

3

Very nice example. It is exactly the kind of simple AV Chat I would like to impliment on my personal website for visiting with several friends scattered around the globe.

I’ve had version 1.5.3 running on the site for sending video mail and that has worked out nicely.

Would it be offensive to you if I try to get your code running on my system as well? If It is Ok to do so can you please give me a few step by step instructions on how to do that? It’s over my head now but I am trying to learn. I did follow the instructions in your README.html but I am getting an error:

ERROR server comment 2008-08-17 09:55:41 - - - - - 6546.625 - - - - - - - loadModFunctions: java.lang.ClassNotFoundException: com.lakesidetechnical.AVChat

INFO application app-start 2008-08-17 09:55:41 - - - - - 6546.64 - - - - - - definst avchat/definst

Regards - Jimb

4

I took the code from your example in order to add a “users list” to my textchat, but I have the problem that not all the users have the same list, and usually the new ones have the corect list, and the first ones have in their list only the users that first joined, any idea why is this happening ?

5

Hi guys,

Many thanks for this usefull example!

I am trying to play with it in Flex 3 and Wowza Media Server 2 (trial).

But I cannot run it from Flex, I am getting the following error:

“A file found in a source-path must have an externally visible definition. If a definition in the file is meant to be externally visible, please put the definition in a package.”

Path: AVChat/src/com/meychi/ascrypt

Source: TEA.as

I put the com folder under the Flex source (src) folder where file AVChatApp.as is located. But on run I am getting this error that blocks the execution.

Any idea?

thanks in advance,

Sincerely,

Alain

6

Hi Richard, thank you so much for the video chat example.I have several questions though;

in AVChatApp.as class what does streamSynch and connectedUsersSynch methods actually do?

The rest of the code looks %75 the same with the shipped VideoChat example except that arrayList and these methods.

Where do you actually reduce the latency?

Thank you.

7

Hi richard,

First of all i must say you did an excellent work with posting a video chat that is testing the performence of combining flex and wowza.

im trying to get into the source of the chat for studying using the Flash Builder 4.5 but unable to load it as a project because there is no fxp file and the file’s foldair does not recognized as a project container.

any suggestions? perhaps i can have the fxp file from you via email?

This is a Flex version of the Wowza videoChat example, with application module to track users and streams in shared objects.

You can download including WMS and Flex source files here.

Steps:

  • Copy the jar file from the package /lib folder to Wowza lib folder.

  • Create an application named “avchat”, then add this Module /conf/avchat/Application.xml /Modules list. Make it the last one:

      		
<Module>
	  <Name>avchat</Name>
          <Description>AV Chat support</Description>
          <Class>com.lakesidetechnical.AVChat</Class>
</Module>

  • Restart Wowza

  • Double click [package]\client\avchat.html. Click Connect, click Publish, then click Play

  • Copy the files in the [package]\client folder to a web server so that they can be reached by others to chat with.

    NOTES:

    You need Flex and basic Actionscript 3 skills to work with this example. This example is free to use and modify however you want

    Richard

8

HI Richard,

Hope you are well.

I have gone through your (Wowza/Flex AV Chat example) application code. I have set up all but a scenario is happening that I mention below…

Lets suppose with user1 and user2. If user1 1st publish the a steam " steam1" and user2 publish another steam is “steam2”. But now if user2 select the user1 steam “steam1” then he/she can able to see the user1 video/audio and his own video. But user1 who 1st the create the steam he never see the user2 video/audio he(user1) .

Please tell me what is the problem, I am unable to replicate the problem source. Please help me ASAP.

This is a Flex version of the Wowza videoChat example, with application module to track users and streams in shared objects.

You can download including WMS and Flex source files here.

Steps:

  • Copy the jar file from the package /lib folder to Wowza lib folder.

  • Create an application named “avchat”, then add this Module /conf/avchat/Application.xml /Modules list. Make it the last one:

      		
<Module>
	  <Name>avchat</Name>
          <Description>AV Chat support</Description>
          <Class>com.lakesidetechnical.AVChat</Class>
</Module>

  • Restart Wowza

  • Double click [package]\client\avchat.html. Click Connect, click Publish, then click Play

  • Copy the files in the [package]\client folder to a web server so that they can be reached by others to chat with.

    NOTES:

    You need Flex and basic Actionscript 3 skills to work with this example. This example is free to use and modify however you want

    Richard

9

Hi rrlanham ,

Can you contact with me…

10

hi,

how can i test this example with 2 computers ??

11

Jim,

Yes, feel free to use it on your website. I include a flash swf and jar file, so you should be able to get it to work as is, see readme.html file in the download.

To modify you need the Wowza IDE for the server-side and Flex Builder for the client-side code, which is not free but it is pretty cheap. And there are free options, but this is very good:

http://www.adobe.com/products/flex/

Richard

12

It looks like you didn’t copy the included jar file to [wowza_install]\lib

Or if you did, also restart Wowza.

13

It is in a Flex file, sorry. Maybe I will add xml loader next time.

Richard

14

Also, I corrected that in the swf, so please download that package again and use the current client/AVChat.swf : AVChat

Note that I am using “rtmp:/avchat” which means it is looking for this app on the same machine as it is running. So it will work if the server you are running wowza also has a webserver, and if you serve the Flash from that webserver.

Richard

15

Josh,

This is a Flex app, which doesn’t use FLA. You can use Flex Builder to modify the example.

Richard

16

That is source for a server-side Wowza module that supports the AV Chat. You need the Wowza IDE to compile that to a jar file in your local wowza/lib folder, then you can add a reference to it in your Application.xml, in the Modules section. The download includes a guide.

Richard

17

Sun,

Read the Quickstart Guide and at least the first 6 chapters of the User Guide.

Richard

18

Looks interesting. I wouldn’t invest time in it myself because of the limitations of beta, no pricing info, not sure if it will last, and I am using Wowza for that.

Richard

19

Oh, no problem. It is definitely interesting, part of the landscape of streaming and real-time application platforms.

Richard

20

The TEA.as file is missing, sorry about that. You can grab it from the Flex SimpleVideoStreaming example.

examples\SimpleVideoStreaming\clientFlex\src\com\meychi\ascrypt\TEA.as

Create this folder structure below the src folder of you Flex project:

com\meychi\ascrypt\

And copy the TEA.as file to there.

Rchard