VidCollaborator is the newest prebuilt app from Influxis. You can use VidCollaborator to host a live broadcast presentation and allow viewers to share their cameras with the rest of the viewers. The new app is free to use with your Influxis account, which you can access once you login, under ‘Apps’.

If you are already using VidCollaborator, you’ll notice it is mainly a desktop app. However, as an example of what can be done with the source files, we made a few changes to deliver a mobile version for the admin part of the app. In order to get it working, you will need to create an APK (Android install file) that will work with your account. For this tutorial you are going to need FlashDevelop which is Windows only. If you have something else don’t worry, scroll to the bottom for info on using other development environments.

Requirements

Install and Setup

Install FlashDevelop which is the IDE that was used to create the sample files. Fortunately the IDE can be downloaded and installed for free. When you run the install, make sure to also install the latest Flex and AIR SDKs – these are a must. Next, you will need to install the Android SDK if it’s not already installed. Download the VidCollaborator mobile sample files and unzip the files. Open the main folder containing the project files and navigate to the bat folder. Open the SetupSDK.bat file using a text editor, such as notepad, or you can also use FlashDevelop. At the very top there are 2 lines that we’re going to edit:

image01

The first one is the path to the FLEX_SDK. This is basically where the Flex SDK files for FlashDevelop are located. This path is usually here:

C:\Program Files….\FlashDevelop\Tools\flexsdk

The second path is where you installed the Android SDK. If the Android SDK was already installed by FlashDevelop then the usual path for this is here:

C:\Program Files…\FlashDevelop\Tools\android

Make sure to search for these installs on your computer first and verify they are at the appropriate locations. Once you have confirmed their locations, go ahead and edit the paths to the usual paths listed above if needed, in the bat file and save. Then go back to the main project folder and open the bin folder. Open the settings.xml file with a text editor such as notepad.

image02

Locate the rtmp tag and change the path attribute to point to your VidCollaborator install.

image03

Next, edit the viewerLink attribute to include the URL path where your VidCollaborator viewer is installed.

image04

This will be required so the admin can share the viewer path.

Build and Install to Device

Go back to the main project folder and run the PackageApp.bat file using the command prompt. Run option 1 which will create a new APK file.

image05

Once the system is done, the new APK file should be located in the dist folder. With the APK file created, you can distribute this directly for others to install or install on your device.

To install on your Android device, plug in your device via USB connection to the computer holding the APK file. Upload the APK to your device SD card, then bring up the device settings and look for an option called Unknown sources.

image06

Enable this option to allow you to install apps that are not from the Google Play store. If you do not already have one installed, install an app that allows you to search through your SD card, such as Astro or ES File Explorer, from the Google Play Store. Once you have that, you will need to look through the SD card for the APK file and select to install. The device should then install the VidCollaborator admin and you should be good to go.

Making Skin Changes

If you want to change up the skins a bit, go to the skins folder and open the videocollaboratorskins FLA file using Flash Professional. Open the assets library by pressing the F11 key.

image07

Double click on any of the symbols in the list and swap out the graphics as needed. Once all the changes have been made you can compile a new skin SWF by going to the FILE menu on the top left and selecting the PUBLISH option. From there simply build a new APK file like you did before.

Using other Development Environments

If FlashDevelop is not something you want to work with or you have another operating system besides Windows, keep in mind the sources are in AS3, so you can port this over to Flash Builder, Flash Professional, etc. All you need to do is grab the contents in the src folder (except for the Main.as).

image08

Grab the code in the Main.as and implement into the project you create. Set the conditional or compiler constants to include CONFIG::IS_MOBILE to true. Setup and build the project to target AIR Mobile.

More Resources:

Leave a Reply

Current day month ye@r *