A quickstart to add 123 Flash Chat room to your webpage

This is only a brief tutorial on inserting 123 Flash Chat into your webpage. (As to the advanced setting, please refer to Manual.pdf.)

Install the chat server and then start it.

Move the "client" folder to a web server.

Insert HTML code to webpage.

 

Step 3): Insert HTML code

So far 123flashchat.swf is supposed to be already in your web directory. You can insert 123flashchat.swf into your webpage (static or dynamic) to share with your users and you have two options: The Easy Way or the Advanced Way. In the latter case you can not only insert the flash chat client into the web page but also remove the border of the flash in IE and make the flash client automatically run.

1) Easy Way

If both your website server and chatroom server are installed in same server , you can insert 123flashchat.swf under web directory into webpage (static or dynamic) with the following code:

(2)Advanced Way

We have to bother to insert advanced code only because Microsoft has shipped a new version of its IE browser to permanently change the way multimedia content is rendered on Web pages. Otherwise the Flash chat client will have an ugly border and won't auto-run until the user click to activate it first.

A white paper detailing the ActiveX changes has been published on the MSDN. Also here: http://www.adobe.com/devnet/activecontent/articles/devletter.html#otheractivecontent

The major difference is now you must include 123flashchat.js which contains the "openSWF" method, with this method, 123flashchat.swf URL, width and height can be defined.

//The following code could be inserted between the HTML tag and the head.

//The following code must be inserted between the HTML tag and the body.

If the webpage, the 123flashchat.js and the 123flashchat.swf are in the same folder, then just paste above code into your webpage would work[if your chatroom server is not in same server of website , please replace the * in codes with your chatroom server IP] .

1. init_host The primary chatroom connection IP/Domain setting,' *' means the same server of .swf files
2. init_port The primary chatroom connection port

Meanwhile, you can also control the size of the 123 Flash Chat flash client in the HTML code. Find: WIDTH="634" HEIGHT="476", replace the values with the expected width and height. And replace values of the second parameter (WIDTH) and the third parameter (HEIGHT) of the openSWF() method with the expected width and height. Technically the smallest size is 550*250, and for the width, we recommend it be no less than 400 pixels. You can if you prefer, remove the logo, buttons and other decorations to make it even smaller.

Note: in the code, another two arguments can be appended to 123flashchat.swf.

1. init_lang The initial language setting. This parameter in html code has higher priority over language setting in client.xml. If there’s init_lang="**" in the code, the language setting in client.xml becomes invalid. While without init_lang="**" in the code, then the language setting in client.xml is valid.
2. init_skin The initial skin setting.
3. init_group The value is required when you are using our hosting service or using the PRO version

If you choose a skin here, the skin setting in client.xml will be invalid. If you don’t choose a skin here, the skin setting in client.xml will be valid. For example: 123flashchat.swf?init_lang=en&init_skin=standard

A full sample: