Creating Custom Web Avatar File

After you export a Web Avatar via the Widget/Export Web Avatar button with the Web Avatar project, you can see the result as follows in your browser. It is actually a player for playing flash files along with various events:

Item

Event Triggered

File Played

File Location

A

Player

Idle Flash Played (default)

idle0.flv
idle1.flv
idle2.flv
(Randomly Played)

(same folder as the html generated)\media\

B

Play Button

Button Clicked - Main Talking Script Played

script01.flv

(same folder as the html generated)\media\

C

Cursor Over the Avatar (Avatar looks at the cursor)

lookat.flv

(same folder as the html generated)\media\

Custom Avatar

To generate your custom avatar with the same talking scripts, you may simply perform the steps below:

  1. Go to the Project page and apply the Web Avatar template from the gallery.

  2. Go to the Model page to create a CrazyTalk Model. Follow the wizard to complete the model-creating process.

  3. Go to the Output page and switch to the Widget tab. Click the Export iContent button.

  4. Click the OK button to replace the original flash videos with new videos of your custom avatar if you are prompted with a warning message.

    5. Load the html page to view the result:

Custom Talking Script

If you want to playback a custom talking script when the Play button is clicked, you may perform two methods to achieve it:

A. Using Existing Web Avatar File

  1. Apply the Web Avatar project on the Project page.

  2. Go to the Script page and double-click the last talking script.

  3. Replace the talking script with a new one (you may also need to adjust the length of the project).

  4. Convert the new CTS length into an integer number:

    If the CTS Length reads 02:03:45, the integer number will be (02x6000 + 0345 = 12345).

  5. Open the ini file from the same folder where the web avatar file is located. Change the FrameNo from {14000 - 14600} to {14000 - X} in the [FLV_0005] section where X = 14000 + integer number calculated.

    In the example, it will be 14000 - 26345 (14000+12345)

  6. Export the project via the Widget page.

B. Using New Empty Project

You may also use an empty project to generate a talking script flash for playback.

  1. Optionally save the same avatar as the web avatar into custom gallery.

  2. Create a new project.

  3. Apply the avatar you just saved in step 1.

  4. In the Stage editor, add and edit talking scripts.

  5. Go to the Output page, Web tab and use following settings:

    • Target Resolution: Use Full Image.

    • Output Size: 200 x 200.

    • Frame Rate: 30 / sec(s).

    • Advanced Audio/Video: High.

  6. Click the Export button and replace script01.flv.