Nov 21, 2009

Flash Webcam Room - An easy flash application

free web hosting
Open Discussion & Free Web Hosting > Computers & Tech > How-To's and Tutorials > Graphics and Animation > Flash and Shockwave

Flash Webcam Room - An easy flash application

Josh_Jpn
Quick and Easy Webcam Chatroom

Required:
Flash Communication Server 1.5
Flash

Step 1:

Create a new folder called webchat in the c:\(Where ever you put your server files)\flash communication server mx\applications folder.

Step 2:

Open notepad file. Type: load( "components.asc" );
Save file as "main.asc" in the webchat folder.

Step 3:

Open Flash and save file as "webchat" in the webchat folder

From the Communications Components side bar:

3.1 Drag a SimpleConnect onto your flash page
3.2 Drag a SetBandwidth onto your flash page, in the properties box change the compenent name to band_mc
3.3 Drag a PeopleList onto your flash page, in the properties box change the compenent name to plist_mc
3.4 Drag a Chat onto your flash page, in the properties box change the compenent name to chat_mc
3.5 Drag an AVPresence onto your flash page, in the properties box change the compenent name to avp1_mc
3.6 Drag an AVPresence onto your flash page, in the properties box change the compenent name to avp2_mc
3.7 Drag a ConnectionLight onto your flash page, in the properties box change the compenent name to light_mc

Step 4:

Save your file

In the properties box of the SimpleConnect in your flash page, click communication connections.

4.1 Click the + sign six times in the values pop up menu, creating slots from 0-5
4.2 In Slot 0 type band_mc
4.3 In Slot 1 type plist_mc
4.4 In Slot 2 type chat_mc
4.5 In Slot 3 type avp1_mc
4.6 In Slot 4 type avp2_mc
4.7 In Slot 5 type light_mc

Save your file

Step 5:

In the properties box of the SimpleConnect in your flash page, change the Application Directory to rtmp:/webchat

Save your file

Step 6:

From the flash UI components, drag a push button onto your flash page.
In it's properties box change the label to "Clear Chat", change the Click Handler to clearHistory.

Step 7:

In the actions for frame 1 of layer name layer 1

Add: function clearHistory() {
this.chat_mc.clearHistory();
}

Save your file

Step:

Publish your work and test.

 

 

 


Comment/Reply (w/o sign-up)

spacewaste
Lol...Now the question is does our server support that? Or should I have to install it onto my personal computer.?

By the way. Amazing tutorial. I really enjoyed it. And it would be nice to see some more tutorials about flash smile.gif....But would there be anyway to intergrate what you mentioned above with a mysql databse table...That way people need to plugin there user name and password fromt he mysql database table smile.gif

Thnx.

Comment/Reply (w/o sign-up)

gobbles
Hi
I followed the tutorial, and it's good...but what the %&/%& do I do with flash communication server 1.5 ? Im completly new at this aspect of flash...and a bit lost?

Thanks..

Comment/Reply (w/o sign-up)

ninjamunky
spacewaste, ever been to www.kirupa.com ? That has some nice ones. I'd like to go from Photoshop to Flash without loosing editablity or quality, but I'm just not sure how... sad.gif

Comment/Reply (w/o sign-up)

clovis
do i need to have flash commuinications server running on my personal computer at home or on my server with my webcam chat room?

Comment/Reply (w/o sign-up)

GodDog
This Chat room looks like it could be used and might be good i might try this out and seeif it is a good one

Comment/Reply (w/o sign-up)

VexD
Thank you so much i needed this for a flash app I've been working on.

Comment/Reply (w/o sign-up)

FeedBacker
You don't need to have the flash communications server running on your desktop PC. All you need is an actual server, sometimes the same box as your web server if the load isn't that great, where you install the latest version of the flash communications server, while Josh_JPN's tutorial is based around FCS 1.5 the same features are usually available in the latest version as well, along with more improved systems and faster response times. What you do need to be wary off is if your web host provides FCS or if you have access to get it installed, as at the moment I have no idea how flash security works when targeting an FCS server on a different domain or IP address.

-Knightcon

Comment/Reply (w/o sign-up)

wanchope
QUOTE(Josh_Jpn @ Mar 2 2005, 11:22 AM) *
Quick and Easy Webcam Chatroom

Required:
Flash Communication Server 1.5
Flash

Step 1:

Create a new folder called webchat in the c:\(Where ever you put your server files)\flash communication server mx\applications folder.

Step 2:

Open notepad file. Type: load( "components.asc" );
Save file as "main.asc" in the webchat folder.

Step 3:

Open Flash and save file as "webchat" in the webchat folder

From the Communications Components side bar:

3.1 Drag a SimpleConnect onto your flash page
3.2 Drag a SetBandwidth onto your flash page, in the properties box change the compenent name to band_mc
3.3 Drag a PeopleList onto your flash page, in the properties box change the compenent name to plist_mc
3.4 Drag a Chat onto your flash page, in the properties box change the compenent name to chat_mc
3.5 Drag an AVPresence onto your flash page, in the properties box change the compenent name to avp1_mc
3.6 Drag an AVPresence onto your flash page, in the properties box change the compenent name to avp2_mc
3.7 Drag a ConnectionLight onto your flash page, in the properties box change the compenent name to light_mc

Step 4:

Save your file

In the properties box of the SimpleConnect in your flash page, click communication connections.

4.1 Click the + sign six times in the values pop up menu, creating slots from 0-5
4.2 In Slot 0 type band_mc
4.3 In Slot 1 type plist_mc
4.4 In Slot 2 type chat_mc
4.5 In Slot 3 type avp1_mc
4.6 In Slot 4 type avp2_mc
4.7 In Slot 5 type light_mc

Save your file

Step 5:

In the properties box of the SimpleConnect in your flash page, change the Application Directory to rtmp:/webchat

Save your file

Step 6:

From the flash UI components, drag a push button onto your flash page.
In it's properties box change the label to "Clear Chat", change the Click Handler to clearHistory.

Step 7:

In the actions for frame 1 of layer name layer 1

Add: function clearHistory() {
this.chat_mc.clearHistory();
}

Save your file

Step:

Publish your work and test.


good to see that,I am new to webhsting and i dont know mush about it.this isuue of flash is one of the things i will like to learn.I want to ask,is there any webhosting that provides free caht room?the admin can put his own adds in it??

 

 

 


Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : flash, webcam, room, easy, flash, application

  1. Pre Loader Tutorial For Flash
    Made by: Jordain (7)
  2. Vaile's Flash Mx 2004 Tutorial!
    For Rollover Music Sigs (5)
    HOW TO MAKE A ROLLOVER MUSIC SIG IN FLASH MX 04 its a n00b job, but for you who cant do it...
    -------------------------------------------------------------------- 1. Firstly, we need to open a
    new document. 2. Now, bearing in mind the sig you want to use, set the size of the flash
    document like so: Note: These are the settings for my sig, you must make the size of your
    document the size of the sig you are using 3. Now, hold "ctrl" and press "r" to open the import
    window. find the sig you want to use and click open. 4. If it hasnt centered automat....
  3. A Button That Senses The Mouse
    FLASH TUTORIAL : MOUSE ROLLOVER EFFECTS (2)
    Creating a button that senses the mouse and then expands. Requirement: Flash MX Step 1: Open a
    new document. In the actions for frame 1 of layer name layer 1 type: menutriggerdist=150;
    menumaxscale=300; menumultiplier=1.5; This control how and when the mouse interacts with button.
    Once you have completed all the steps, change them around and see how each one changes the effect.
    Step 2: Cntl+f8 (Insert --> New Symbol) Click on new movie click, call it Ibutton. In the frist
    frame create your image or whatever you want the mouse to interact with , to make it eas....
  4. Matching Sound To Animations In Flash
    (2)
    This is something I worked at for a while. I used to play sounds by selecting start on the
    properties tab, and the animation never lined up with the sound waves on timeline. If you switch it
    to stream, it changes the wave and allows animation to be aligned to the sound. Also, a sound can be
    cut short by not extending the frames enough, so beware. Hope I helped again Peace Aaron....
  5. Using Sprites In Flash
    Pictures in a series (2)
    Sprites, as you may or may not know, are pictures in a series used for animations. They are very
    helpful in flash as you can use pre-made/pre-sized pictures and don't have to draw the animation
    yourself. To use a sprite, first open a new window. Make sure the sprites are saved as separate
    files, and then click file->import->import to library and import all the sprites. select the first
    frame, and drag the picture from the library to the stage. Take note of where it is located on the
    stage by looking at the properties tab. click 2-6 frames later(depending on how fast ....
  6. Using Symbol Effects In Flash
    Symbol Effects (0)
    Flash Tutorial 4: Symbol Effects The last thing I will cover with this series of tutorials for
    Flash Macromedia is effects/transitions/transformations which are probably the easiest to use but
    since there are so many things that can be done with them easily - I feel it's worth covering
    and learning for any begining flash designer. 1. 1st open a blank Flash Document 2. create a
    keyframe(select and press F6) on the first frame in the timeline(top of flash window) 3. Use the
    circle tool and draw a circle of desirable size on the canvas. If you have been following ....
  7. Introduction To Mask Layers In Flash
    Mask Layers (0)
    Flash Tutorial 3: Mask Layers Mask Layers are a good way to show content underneath the top layer
    in a flash movie. To get familiar with the effect you really need to do it a few times to
    understand the potential. 1. Start with the bottom layer you have already. Paste something into it
    that takes up most of the canvas ie. jpeg or something. 2. Insert a new layer into the timeline.
    (select the layer 1 and click the button in the lower left corner of the window) 3. Lock 'Layer
    1'. (There is a lock next to the colored box for the layer on the left panel of th....
  8. Shape Tweening In Flash
    Shape Tweening (2)
    Flash Tutorial 2: Shape Tweening Shape Tweening is basicall where you have 2 shapes and you morph
    one into the shape of the 2nd shape. The procedure to do this is quite simple really : 1. 1st open
    a blank Flash Document 2. create a keyframe(select and press F6) on the first frame in the
    timeline(top of flash window) 3. Use the circle tool and draw a circle of desirable size on the
    canvas. 4. Select a subsequent frame on the timeline like frame 24 (sec @ 12frames/sec) press F6 to
    insert a keyframe. Your drawn cirlce should appear again after this step. 5. DO NOT CO....
  9. Motion Tweening In Flash
    Simple Motion Tweening (0)
    As many know - Flash Macromedia is en vogue these days and you can actually do some pretty cool
    stuff with it. I'm going to do a couple of simple tutorials to get those people started using
    flash. Once you start to use it and get some of the basic concepts, you can do some cool simple
    animation for your websites or whatever. Tutorial 1: Simple Motion Tweening Motion tweening is
    basically a quick way to animate something. 1. First you need to draw an object on the screen (you
    can also import a graphic or something too). Make sure you get the graphic or drawing ....

    1. Looking for flash, webcam, room, easy, flash, application

See Also,

*SIMILAR VIDEOS*
Searching Video's for flash, webcam, room, easy, flash, application
advertisement



Flash Webcam Room - An easy flash application

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com