FlashPioneer Video Chat for E-Learning -- Administrator's Guide Return to E-Learning Homepage
User's Guide
 
Log in and Register
Log in as a teacher
Log in as a student
 
Functions Guide
Interface Function Instruction
Message Toolbar Function Instruction
Paper Toolbar Function Guide
Video Functions
 
Administrator's Guide
 
Installation Help
Software package directory
Installation Guide for Windows
Installation Guide for Linux
Configuration on the Client Program
Configure Client Detail
Management Setting
 
Appendix
FMS Installation on Windows
FMS Installation on Linux
RED5 Installation on Windows
RED5 Installation on Linux
 
 

   RED5 Installation on Linux


Installation Shortcut (for Linux)
     Taking Fedora Linux as an example, there are five key steps to install:
     1) Install Java 1.5JDK version or above
     2) Install Apache Ant
     3) Environment variable configuration
     4) Install Red5 and compile
     5) The system service configuration

1) Install Java developing environment
Download the latest JDK version of Linux from Sun official website. Here we use the version 1.5.0.11 and its downloaded file name is jdk-1_5_0_11-linux-i586.bin.

Only super user has the permission to install the software. You can input su at the terminal and then input password to switch your account to super user.

Add the executable permission to the file: chmod +x jdk-1_5_0_11-linux-i586.bin
Execute the following command to start installation:
./jdk-1_5_0_11-linux-i586.bin

According to the reference install information, it recommends the installation path: /usr/java

2) Install Apache Ant
Download the latest version Ant from the official website: http://ant.apache.org/bindownload.cgi
Unzip to the proper path, recommended unzip path: /usr/ant

3) Configuring environment variable
There are three methods:
  • Modify /etc/profile file
  • Modify the .bashrc file under the user directory
  • Modify directly under shell
  • Since we are going to set Red5 as the system service and configure the environment variable later in the service script directly, we choose method 3 -- make modification directly under shell.

    nput command directly through Terminal:
    export ANT_HOME=/usr/ant
    export JAVA_HOME=/usr/java
    export PATH=$PATH:$JAVA_HOME/bin:$ANT_HOME/bin
    export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

    4) Install Red5 and compile
    Download the latest version for Linux from the official website, so far it is 0.6.3
    Download file name: red5-0.6.3.tar.gz
    To unzip the file, it's commended to unzip to the directory of /opt/red5.

    Input command to enter red5 directory: cd /opt/red5
    Input command to compile: ant

    5) System service configuration
    Save the following script as red5, which is used to start Red5 service.

    #!/bin/sh
    #

    # Startup script for Red5 flash streaming server
    #
    # chkconfig: 345 81 81
    # description: RED5 by java
    #
    # processname: java (unfortunately)
    # pidfile: /var/run/red5.pid
    # config: /etc/red5.conf

    # Source function library.

    . /etc/rc.d/init.d/functions

    PID_FILE=/var/run/red5.pid
    PID=`ps ax |grep java|grep red5|awk '{print $1;}'`
    RETVAL=0

    start() {
    echo -n $"Starting $DESCR: "
    # daemon java $OPTIONS > /dev/null 2>&1 &

    export ANT_HOME=/usr/ant
    export JAVA_HOME=/usr/java
    export PATH=$PATH:$JAVA_HOME/bin:$ANT_HOME/bin
    export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

    exec $JAVA_HOME/bin/java -Djava.security.manager -Djava.security.policy=/opt/red5/conf/red5.policy -cp /opt/red5/red5.jar:conf:/opt/red5/conf org.red5.server.Standalone > /dev/null 2>&1 & RETVAL=$?

    [ $RETVAL = 0 ] && touch /var/lock/subsys/red5 && echo $!>$PID_FILE && echo_success
    echo
    return $RETVAL
    }
    stop() {
    echo -n $"Stopping $DESCR: "
    #killproc $PID_FILE
    [[ $PID != "" ]] && success && kill $PID || failure
    RETVAL=$?
    echo
    [ $RETVAL = 0 ] && rm -f /var/lock/subsys/red5 $PID_FILE
    }

    # See how we were called.
    case "$1" in
    start)
    start
    ;;
    stop)
    stop
    ;;
    restart)
    stop
    sleep 3
    start
    ;;
    *)
    echo $"Usage: $DESCR {start|stop|restart}"
    exit 1
    esac

    exit $RETVAL

    Move the file to the path: /etc/init.d
    Execute the command at Terminal as super user: chkconfig --add red5

    If it doesn't work, please make sure that the path of command chkconfig is correct. Use the following command to check:
    Check the installation of chkconfig: rpm –qa|grep chkconfig
    Chkconfig file path: whereis chkconfig

    E.g. in Fedora Linux system, the result of performing instruction is as following:

    $ rpm -qa|grep chkconfig
    chkconfig-1.3.34-1
    $ whereis chkconfig
    chkconfig: /sbin/chkconfig /usr/share/man/man8/chkconfig.8.gz

    As the above shows, the path of command chkconfig is /sbin/chkconfig, so we change the command: /sbin/chkconfig --add red5
    Using the following command can make red5 start the service: /etc/init.d/red5 start

    If the installation information here is not helpful enough, you may view the official site for details.

    Skin Customization
    Default location of interface style package is in directory "theme", and one directory stands for one style.

    1. Under directory theme create a new directory, which should be named as the style name to be created. The name can only be composed by numbers, letters and "_", what's more, "_" cannot be placed at the beginning.

    2. Copy all the files under directory themes/default into the new directory, including several swf files, theme.xml and color.xml.

    1) These swf files respectively stand for some parts of the interface, and their functions are defined in theme.xml.
    <?xml version="1.0" encoding="UTF-8" ?>
    <skins>

    <BACKGROUND>

    <item name="Bus" value="bus.swf" />
    <item name="Christmas" value="christmas.swf" />
    <item name="City Sky" value="citysky.swf" />
    <item name="Dreamland" value="dreamland.swf" />
    <item name="Fallen Leaves" value="fallen leaves.swf" />
    <item name="Flower Bubbles" value="flower bubbles.swf" />
    <item name="Grass Land" value="grassland.swf" />
    <item name="Grass Plot" value="grassplot.swf" />
    <item name="Heaven" value="heaven.swf" />
    <item name="Leaves Boat" value="leaves boat.swf" />
    <item name="Lovely Cloth" value="lovely cloth.swf" />
    <item name="My Space" value="my space.swf" />
    <item name="Night Sky" value="nightsky.swf" />
    <item name="Pink Dream" value="pinkdream.swf" />
    <item name="Snow Kingdom" value="snow kingdom.swf" />
    <item name="Snow Night" value="snow night.swf" />
    </BACKGROUND>
    Background animation of text area.

    <LOGO value = "logo.swf" />
    Your logo file path.

    <MAIN_BG value = "main_bg.swf" />
    Main background

    <CLOSE_ON value="close_over.swf" />
    <CLOSE_OUT value="close_out.swf" />
    Window close button. CLOSE_ON: button status when mouse over; CLOSE_OUT: button status when mouse out.

    <MIN_ON value="min_over.swf" />
    <MIN_OUT value="min_out.swf" />
    Window minimum button. MIN_ON: button status when mouse over; MIN_OUT: button status when mouse out.

    <BTN_ON value = "btn_over.swf" />
    <BTN_OUT value = "btn_out.swf" />
    Style of common button. BTN_ON: button status when mouse over; BTN_OUT: button status when mouse out.

    <COMBO_BTN_ON value = "combo_btn_over.swf" />
    <COMBO_BTN_OUT value = "combo_btn_out.swf" />
    Style of ComboBox button.

    <TAB_BTN_ON value = "tab_btn_over.swf" />
    <TAB_BTN_OUT value = "tab_btn_out.swf" />
    Style of Tab

    <CHATTOOL_BTN_ON value = "font_btn_over.swf" />
    <CHATTOOL_BTN_OUT value = "font_btn_out.swf" />
    Style of Font button.

    <ABOUT value = "about.swf" />
    "About" dialog.

    <PANEL_BG value = "panel_bg.swf" />
    Common window background

    <VIDEO_BAR value = "video_bar.swf" />
    Video window title bar

    <JOINTIP_BG value = "jointip_bg.swf" />
    Joining tip window background


    <CHATROOM_BG value = "chat_bg.swf" />
    <CHATROOM_BAR value = "chat_bar.swf" />
    Chat room background and bar

    <CHATTOOL_BG value = "chat_tool_bg.swf" />
    Chat tool background

    <CHATROOM_BACK_ON value = "back_lobby_over.swf" />
    <CHATROOM_BACK_OUT value = "back_lobby_out.swf" />
    Button style of back to lobby

    <CHATROOM_VIEW_ON value = "viewlog_over.swf" />
    <CHATROOM_VIEW_OUT value = "viewlog_out.swf" />
    Button style of view chat history

    <ONLINE_BG value = "online_bg.swf" />
    Online user list background

    <NEWS_BG value = "news_bg.swf"/>
    News panel background

    <ROOMS_BG value = "rooms_bg.swf" />
    Room list background

    <ROOM_ON value = "room_on.swf" />
    Room background when mouse over
    <ROOM_OUT value = "room_out.swf" />
    Room background when mouse out

    <ROOM_PRIVATE value = "room_private.swf" />
    Private room icon
    <ROOM_PUBLIC value = "room_public.swf" />
    Public room icon
    <ROOM_OWNER value = "room_owner.swf" />
    Room owner icon
    <ROOM_SUM value = "room_sum.swf" />
    Icon for the number of people

    <ICON_MANAGE value = "icon_manage.swf" />
    <ICON_CONFIG value = "icon_config.swf" />
    <ICON_ABOUT value = "icon_about.swf" />
    <ICON_HELP value = "icon_help.swf" />
    <ICON_PROFILE value = "icon_profile.swf" />
    <ICON_LOGOUT value = "icon_logout.swf" />
    Icon of top navigation button

    <ICON_HOME value = "icon_home.swf" />
    Home icon

    <PREMSG_BG value = "premsg_bg.swf" />
    Predefined message background
    <PREMSG_ADD_ON value = "premsg_add_on.swf" />
    <PREMSG_ADD_OUT value = "premsg_add_out.swf" />
    Button for add predefined message
    <PREMSG_DEL_ON value = "premsg_del_on.swf" />
    <PREMSG_DEL_OUT value = "premsg_del_out.swf" />
    Button for delete predefined message

    <SOUND_BG value = "sound_bg.swf" />
    Sound panel background

    <TOPNAV_ON value = "topnav_on.swf" />
    <TOPNAV_OUT value = "topnav_out.swf" />
    Top navigation button style

    <SLIDER_TRACK value = "slider_track.swf" />
    Sound slider track
    <SLIDER_ARROW value = "slider_arrow.swf" />
    Sound slider drag bar

    Scroll bar's style
    <SCROLLUP_ON value = "scrollup_on.swf" />
    <SCROLLUP_OUT value = "scrollup_out.swf" />
    Up arrow
    <SCROLLDOWN_ON value = "scrolldown_on.swf" />
    <SCROLLDOWN_OUT value = "scrolldown_out.swf" />
    Down arrow
    <SCROLLTRACK value = "scrolltrack.swf" />
    Scroll bar track
    <SCROLLBAR value = "scrollbar.swf" />
    Scroll bar's drag bar

    <ADMIN_BG value = "admin_bg.swf" />
    Management panel background
    <ADMIN_BAR value = "admin_bar.swf" />
    Management panel title bar background

    </skins>

    To publish swf file, please use Adobe Flash or some other tool, such as Sothink SWF Quicker

    During the creation of SWF file, please pay attention to the following notices:
    1. Don't use symbol, please directly draw vector in stage
    2. Try your best to keep the size same as original style file.
    3. The top left corner coordinate of all the things must locate at (0,0) in the stage.
    2) Color.xml, defined global color setting.
    <?xml version="1.0" encoding="UTF-8"?>
    <SkinColor>

    <textColor value = "0x011001" />
    Static text color
    <textHoverColor value = "0x003366" />
    Text color when mouse over
    <textDisabled value = "0x666666" />
    Text color when disabled
    <inputColor value = "0x011001" />
    Input text color
    <textarea_borderColor value = "0xA8D0E6" />
    Text area border color
    <textarea_background value = "0xFDFDFD" />
    Text area background color
    <textarea_disabledBackground value = "0xDEDEDE" />
    Text area background color when disabled

    <tooltip_color value = "0x000000" />
    <tooltip_corner value = "0" />
    <tooltip_border value = "0x111111" />
    <tooltip_background value = "0xFFFFDD" />
    <tooltip_shadow value = "0x000000" />
    Style of tooltip text window

    <alert_shadow value = "0x6699CC" />
    Alert window shadow color
    <scrollsign_color value = "0xBED9E7" />
    Scroll bar's drag bar color

    <news_textColor value = "0x006699" />
    Scrolling news text color
    <news_rollOverColor value = "0x006600" />
    Scrolling news text color when mouse over

    <list_textColor value = "0x222222" />
    List component text color
    <list_background value = "0xFDFDFD" />
    List component background color
    <list_borderColor value = "0xA8D0E6" />
    List component border color
    <list_rollOverColor value = "0xECF3F9" />
    List component background color when mouse over
    <list_rollOutColor value = "0xCBDFEF" />
    List component background color when mouse out
    <list_selectedColor value = "0xCBDFEF" />
    Selected item background color
    <list_selectedTextColor value = "0x222222" />
    Selected item text color
    <list_rollOverTextColor value = "0x111111" />
    Text color when mouse over

    Picture list component style
    <tile_highlightColor value = "0x8DA9DC" />
    Highlight color when mouse over
    <tile_background value = "0xECF3F9" />
    Background color
    <tile_borderColor value = "0xA8D0E6" />
    Border color
    <tile_cellBorderColor value = "0xDEDEDE" />
    Cell border color
    <tile_cellBackground value = "0xFAFAFA" />
    Cell background color

    <panel_titleColor value = "0x990000" />
    Panel title text color
    <panel_shadow value = "0x6699CC" />
    Panel shadow color

    <paper_color value = "0xFFFFFF" />
    <paper_border value = "0xA8D0E6" />
    <paper_background value = "0xEFEFEF" />
    Drawing board's border color and background color

    Checkbox style
    <check_borderColor value = "0x97B4C0" />
    Checkbox border color
    <check_SelectBorderColor value = "0x009900" />
    Checkbox border color when selected
    <check_SelectColor value = "0x5B8797" />
    Checkbox text color when selected
    <check_background value = "0xEFEFEF" />
    Checkbox background color
    <check_selectBackColor value = "0xE4F0F6" />
    Checkbox background color when selected

    <chat_textColor value = "0x565656" />
    Chat text color
    <chat_logtextColor value = "0x999999" />
    Text color of chat history when entered room
    <chat_textLinkColor value = "0x565656" />
    Text link color
    <chat_textHoverColor value = "0x990000" />
    Text color when mouse over
    <chat_nickNameColor value = "0x006699" />
    User's nickname color
    <chat_noticeMsgColor value = "0x990000" />
    Notice message text color

    <chat_broadMsgColor value = "0xCC3300" />
    Broadcast message color
    <chat_meBgColor value = "0xAECDE6" />
    Current user background color in user list
    <chat_ownerNameColor value = "0x006699" />
    Room owner name text color in user list
    <chat_ownerNameBgColor value = "0xEDEDED" />
    Room owner name background color in user list
    <chat_adminNameColor value = "0x990000" />
    Administrator name text color in user list
    <chat_adminNameBgColor value = "0xD3E9F2" />
    Administrator name background color in user list

    <video_borderColor value ="0xA9BAD3" />
    <video_backgroundColor value ="0xFEFEFE" />
    Video window's border color and background color

    </SkinColor>

    3) Modify the file setting.xml.
    Change the property value of theme node to the new created style's name. Then re-open chat. If the program is embedded in the web page, please refresh the page and you can see the new style.
     

    Home | Free Product | Video Chat | Flash Show | Flash Templates | Flash Templates Package | Free Stuff | Custom Service | Showcase | Custom Order Form | Custom Full Price List | Pay for Customization | Template Help | Chat Help | Show Help | Forum | Contact | Site Map | Link to us
    SourceTec Software Co., LTD. All rights reserved. Email:support@flashpioneer.com
    Free Flash templates, Flash Custom, Flash Chat, Free Flash Products, Flash Application, Flash Game, FCS / FMS, Flex, RIA