Revised ASF Lyric & Image Synchronization Tutorial  7/30/2006

Using ASF Lyric Sync Tutorial we learned how to sync lyrics. We
 are now going learn how to add images. As you are now familiar  
with Scripting Commands, I will display the Scripting used in the 
    Frank Sinatra New York New York sync & images to get you started

I used "ASF Indexer Ver 4.00.3845" from "wmtools" in these tutorials, and think you
will have less problems following these tutorials if you use the same Indexer I did.
 

Full Script Commands in Indexer not fully displayed

00.02.37.9   CAPTION    <font face="Copperplate Gothic Bold">I'm gonna make a brand new start of it<br>in old <b>New York<b>
00.02.49.9   CAPTION    <font face="Copperplate Gothic Bold">A-a-a-nd if I can make it there, <br>I'm gonna make it    anywhere
00.03.03.7   CAPTION    <font face="Copperplate Gothic Bold">It's up to you, <b>New York, New York<b>
00.03.15.0   CAPTION    <font face="Copperplate Gothic Bold"><b>NEW YORK<b>

Notice font attributes in Script commands, this is the font and attributes that will appear in your displayed sync text as displayed below
 

This: <font face="Copperplate Gothic Bold"> gives you.
    Start spreadin' the news, I'm leavin' today

You may use any of the font attribute as we used above, font face, bold, italics plus size, color or anything you desire.

The above are the Script Commands used as shown in the 3 boxes with lines not completely shown typed below each box.

Notice that we have now added swapImage with a number.

You will not find swapImage in Type drop down menu
Type it in yourself every time
Parameter 0 thru 7 are the Images controlled in the HTML
 

This is image  nyny7.jpg ~ which has been optimized to 23.2 KB, all images used average less than 25KB

If you want more images. add lines to top & bottom var bControl groups, changing only the sequential numbers, 8, 9 etc. and use those numbers in your swapImage params for the additional images. If you want less images, remove same amount of lines from top & bottom groups

     OK ~ I'll explain the images
     Seven images 600 x 450 px were created as listed on the left.
    
     All were copied to my Website ASF folder

     They are controlled in the HTML script shown below

     var bControl;
     var imgArr = new Array();
     imgArr[0] = new Image();
     imgArr[1] = new Image();
     imgArr[2] = new Image();
     imgArr[3] = new Image();
     imgArr[4] = new Image();
     imgArr[5] = new Image();
     imgArr[6] = new Image();
     imgArr[7] = new Image();

imgArr[0].src = "http://unclegus.150m.com/ASF/nyny0.jpg";
imgArr[1].src = "http://unclegus.150m.com/ASF/nyny1.jpg";
imgArr[2].src = "http://unclegus.150m.com/ASF/nyny2.jpg";
imgArr[3].src = "http://unclegus.150m.com/ASF/nyny3.jpg";
imgArr[4].src = "http://unclegus.150m.com/ASF/nyny4.jpg";
imgArr[5].src = "http://unclegus.150m.com/ASF/nyny5.jpg";
imgArr[6].src = "http://unclegus.150m.com/ASF/nyny6.jpg";
imgArr[7].src = "http://unclegus.150m.com/ASF/nyny7.jpg";

 

Numbers 0 to 7 are listed in your ASF. To change a picture is very easy without editing ASF. Say, you wanted to change nyny7.jpg, the Statue of Liberty. Create you new image, name it nyny7.jpg. Then replace
nyny7.jpg in ASF folder with new nyny7.jpg, and new image will appear in your sync/image presentation.

Where shall we place these swapImages? Look at the list at top of page for an idea. Actually, you can put them anywhere you want, and as many as you want. Click Edit Script Commands ~ then
NEW . . . . 
                                                                  
You will have to type in swapImage ~ then check the times on the left and choose where you want it to appear, making sure you don't duplicate any times. The first one I chose was 00:00:01.0 and made parameter 0, as I wanted a picture (NY0.jpg) to appear right away. Use your own judgment when you want them to appear. You can use the same one more than once. When you have filled in the New window, click OK, and repeat the process until you have as many as you want.

Any questions, email  Uncle Gus