Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Some basic and frequently asked editing
08-14-2010, 03:49 AM, (This post was last modified: 09-01-2011, 12:16 AM by Video Chat.)
#1
Some basic and frequently asked editing
In most cases you will have to re-compile JabberCam to change different details like the logo and some filters.
First, download Adobe Flash Builder ( http://www.videosoftware.pro/forum/THREAD-Adobe-Flex-Builder ) and import the JabberCam project (.fxp) into Adobe Flash Builder. In case you wish to import a Flex project into FB4, follow these instructions: http://www.videosoftware.pro/forum/THREAD-Importing-Flex-Project-into-Adobe-Flash-Builder-4

In Flash Builder click on "JabberCam" (left pane) and you'll see the whole project. Click "src" than "(default package)":
JabberCam_v.mxml - the vertical layout
JabberCam_h.mxml - the horizontal layout
JabberCam.as - the actionscript

Double-click on JabberCam_v.mxml and you'll se the design on the right (if you see the source code, not the design, click on "Design"). Select the option you would like to change and click "Source". Make your desired changes and save the project. You can make changes in "Design" mode too, by dragging and dropping, editing or resizing elements.

After you made your changes, click on File>>Export>>Release Build... and create your own build. The new build will be placed in a folder called /bin-release.
Upload the newly created .swf files to your server (overwrite old ones). Note, you have to build the horizontal and vertical layout separately if you modified both, you need to build two times.


Change the logo
Go to /assets and change or replace logo.png than rebuild Jabbercam
Alternatively, you can edit this line in the source:
Quote:<mx:Button skin="@Embed(source='../assets/logo.png')" toolTip="JabberCam Random Video Chat!" click="onSocialButtonClick('http://www.chatroulette-clone.com')" buttonMode="true" verticalCenter="0" horizontalCenter="0"/>

Removing filters and options
Select the filter you wish to remove, click "Source" and add the following to the respective filter: visible="false" width="0" height="0"

For example, hiding the age selector:
Quote:<local:AgeSelector id="age" change="onAgeChange()" liveDragging="false" showDataTip="false" labelOffset="-6" width="110"/>
should be:
Quote:<local:AgeSelector id="age" change="onAgeChange()" liveDragging="false" showDataTip="false" labelOffset="-6" width="0" height="0" visible="false" />

Creating your own filters
In JabberCam (v 4.0+) you have the option to create two custom filters, without any programming knowledge. The filters you see on the demo (Location: Paris/London and Looking for Dating/Just Talk) are completely customizable by editing config.php:
Quote:$CUSTOM_FITLER_1_ENABLE = true;
$CUSTOM_FILTER_1_LABEL = "Location";
$CUSTOM_FILTER_1 = array("paris"=>"Paris", "london"=>"London");
$CUSTOM_FILTER_2_ENABLE = true;
$CUSTOM_FITLER_2_LABEL = "Looking for";
$CUSTOM_FILTER_2 = array("dating"=>"Dating", "justtalk"=>"Just Talk");
*enable/disable the filter and edit/change the labels, options

Changing the default layout
JabberCam (4.x) starts with the vertical layout by default. If you need to use the horizontal layout at start, simply delete index.html (index.php) and create a new index.html by copying horizontal.html.

If you don't need the other layout, edit the source and hide the VERTICAL button:
Quote:<mx:Button label="VERTICAL" click="loadVerticalLayout()" width="93" height="16" right="10" top="100" fontFamily="Arial" fontSize="9"/ visible="false">
* same thing in vertical layout by hiding the horizontal image-button.

Changing the links
Most of the links (Facebook, Twitter, MySpace) you can change by editing /jabbercam/language/lang_en.xml and changing the social links:
Quote: <facebookLink>http://facebook.com/JabberCam</facebookLink>
<twitterLink>http://twitter.com/JabberCam</twitterLink>
<myspaceLink>http://myspace.com/JabberCam</myspaceLink>

Other links are located in the source. You can either hide them (as described above) or change the ink by editing Jabbercam.as

Changing the background color
Most users would like to change the blue background. In most cases white is preferred to blend into an existing website. To do so, simply change/edit the BgImage1.jpg located at /jabbercam/images. Change it to a white image.

Now you'll have a white background, to change the rest of the background, edit the stylesheet.css file located under /jabbercam.

For further style changes, you need to edit the style.css file located in the /assets folder using Flash Bulder and rebuild JabberCam.

Removing ads or adding your own
Edit horizontal.html or vertical.html (or index.html) and locate the following part:
Quote:<div id="left">
<script type="text/javascript">
...
</script>
</div>
*change the part between <script... and </script> with your own code. Do the same at <div id="right"> and <div id="adspace_h2">

Reply
08-14-2010, 11:52 PM,
#2
RE: Some basic and frequently asked editing
I purchased version 3.5 and I'm unable to locate ANY 'Flex_Project.zip' or ANY files with .fxp (which is in your 'ChatRouletteClone_x_x_zip' file) ...

It seems all the folders I have are:
chatrouletteclone.zip
assets
html-template
libs
red5_serverapp
src
.actionScriptProperties
.flexproperties
.project

CRC_release_3.5.zip
bin-release
doc
jabbercam
.htaccess
chatrouletteclone_h.swf
chatrouletteclone_v.swf
horizontal.html
license.pdf
vertical.html
Reply
08-15-2010, 03:37 AM, (This post was last modified: 09-01-2011, 12:17 AM by Video Chat.)
#3
RE: Some basic and frequently asked editing
In versions prior to 4.0, you have to use the contents of chatrouletteclone.zip (the first block). CRC_release_3.5.zip is the precompiled (turnkey) software. To import version 3.5 into Adobe Flash Builder, follow these instructions: http://www.videosoftware.pro/forum/THREAD-Importing-Flex-Project-into-Adobe-Flash-Builder-4
Reply
08-24-2010, 12:53 AM,
#4
RE: Some basic and frequently asked editing
I followed all the directions... However, I'm getting this error message from FB4 -> " an unknown item is declared as the root of your mxml document. Switch to source mode to correct it"

what shall I do? How do I correct it?
Reply
08-24-2010, 02:35 AM,
#5
RE: Some basic and frequently asked editing
Find the line, where the unknown item is declared. Most likely you deleted (or added) something in the .mxml and you forgot to make the corresponding changes in the .as file. If you delete a filter, you should remove the corresponding values in the action script too. If you don't know how to remove, do not delete filters, hide them (visible="false"). Same thing if you add elements...
Reply
08-25-2010, 12:17 PM,
#6
RE: Some basic and frequently asked editing
.as file meaning .actionScriptProperties??

Could you give me an example of how to change a filter from "I am seeking {girl} {boy} to I am seeking {Barber} {Stylist} for example.
Reply
08-31-2010, 01:24 PM, (This post was last modified: 08-31-2010, 01:25 PM by offblast.)
#7
RE: Some basic and frequently asked editing
if I upgrade to the latest version... will it be much easier to edit and add/delete filters in adobe? Or will it be the same difficulty as version 3.5?
Reply
08-31-2010, 09:26 PM,
#8
RE: Some basic and frequently asked editing
Editing with Adobe Flash Builder is the same, no matter the version.
Reply
01-20-2011, 10:03 PM, (This post was last modified: 01-20-2011, 11:23 PM by Torino.)
#9
RE: Some basic and frequently asked editing
When I open the file and ctrlA to get everything in the Builder programme I dont have anything in the left pane. How do you import it correct?

Do I press open file and go to the whole map and ctrlA everything?
Do I go to File-import-?

how do I import this and will there be info at the left pane?
Reply
01-21-2011, 05:16 AM,
#10
RE: Some basic and frequently asked editing
If you are using a version prior to 4.1 (for example v3.0) or an Adobe Flex 3 project, use this method:
http://www.videosoftware.pro/forum/THREAD-Importing-Flex-Project-into-Adobe-Flash-Builder-4?highlight=importing
* other versions should work just fine
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)