Archive for May, 2009

Flash Movie Tip: Add “Paused at Start” option to Toufee flash movie SWF files

Thursday, May 7th, 2009

If you had used the Paused at Start option for your Toufee flash movies, and if you had tried to download this flash movie as SWF file to your PC and play it back, you’ll notice that the “Paused at Start” option does not work anymore – the SWF file of your flash movie would just start to play. Why is it so? This is by design. The reason being when you download a flash movie as SWF, then most often then not you would want to have the SWF play automatically. That makes perfect sense. But there are instances where you might want the “Paused at Start” option to stay with your SWF flash movies as well. Here is how you do it:

1) We’ll first create a copy of the original flash movie. We’ll be working with this newly created copy (and not the original project…nope!). Follow the below KB article to create a copy of a Toufee flash movie project:

http://www.toufee.com/support/index.php?page=kb_view&id=87

If you would like to rename the newly created movie project, then refer the following link:

http://www.toufee.com/support/index.php?page=kb_view&id=88

2) Alright, looks we’re ready to roll. Open the newly created flash movie project in Toufee. Before doing anything else, turn off Random Effects. Refer the following article for instructions:

http://www.toufee.com/support/index.php?page=kb_view&id=68

Toufee usually adds random flash effects to new flash movie objects. As we’ll be adding a flash button that will act as the Play button that will start the movie play, we do not want any kind of effect added to it by default.

3) Create a new frame by selecting Frames -> Add New Frame option. A blank frame would be added but we’ll need to move this frame to the beginning so that it is the first frame of the flash movie. To do this, select Frames -> Change Frame Order. Select the Frame that was newly added. Usually frames are numbered from Frame1 to FrameN, so most of the time, the newly created frame usually has the highest frame number. Select the appropriate frame and click Move Up. Do this until the new frame moves to the top of the list

4) Now here is an important step. What we’re now gonna do is mimic the original first frame of the flash movie. If you are using a common background for your flash movie, then the blank frame that you’ve just added will also take that background and no more action is required so you can directly jump to the next step. However, in scenarios where you are using flash movies where every individual frame is distinct (e.g. flash movie photo slides), then you need to create an exact replica of your second frame (the original first frame). To do this, select the second frame in your flash movie and select Publish -> Export Frame as JPG option. This will create a JPEG image of your frame which you can then upload to your Toufee account and add to the first frame thereby creating an exact replica.

5) Alright, what next. Two important things remain. We need to set the timing of the first frame to 1 second (yes no more than a second). To do this select the first frame, switch to the Advanced tab on the Left Panel, expand Timing (Experts Only) option. In the Frame Length field, enter 1 as the value. Also, make sure you enable the On Frame End Pause Movie option. This option is your workaround so don’t forget to enable it. Enabling this will cause your flash movie to Pause as soon as soon as the frame loads since we set the timing of the first frame to 1 second thereby creating a “Paused at Start” option effect.

6) Are we done? Nope, not yet. We paused the movie alright but show we not add the option to resume the movie. Well you could argue that you can use the Play control (just beneath your flash movie) to resume playback but generally, people do not prefer the flash movie player controls on the SWF so you wouldn’t find the Play button 9 out of 10 times. How do resume the playback then? Add a flash button and create a link to the second frame. Click on the Buttons option on the right panel, choose a flash button (I would prefer to choose one under the Glass category. We’ve found the “Glass” buttons go down nicely with most flash movies), and add it to the first frame. Double-click the button to change the text (to say “Play” or “Start” or whatever you feel like). While the button is still selected, switch to the Advanced tab on the Left Panel, expand Link To – Website / Email option. In the Link To dropdown list, select Frame as the value. in the Frame # field dropdown list, select the corresponding frame number of the second frame.

That is it. You can now download your flash movie as an SWF file and you would notice your SWF flash movie will pause when loaded. The flash movie automatically resumes when you click on the button in the first frame. Hope this was helpful. See you all in my next post.

Share

How to publish Toufee flash movies on SSL webpages (HTTPS)

Saturday, May 2nd, 2009

Not many customers might know that Toufee support publishing of its flash movies on websites that use SSL. When you try to publish a Toufee movie HTML code, you might encounter the following warning message:

Though clicking Yes would still allow the browser to stream the flash movie over HTTP from our servers, if security is paramount and you don’t wish to compromise, then worry not as you’ll see below you can turn your Toufee flash movie to be securely streamed by simply changing a few lines in the flash movie HTML code that you get from the Publish window. However please note that this feature is only available to Business customers.

Let’s look at an example of a normal flash movie code below:

<img style=”visibility:hidden;width:0px;height:0px;” border=0 width=0 height=0 src=”http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNDEyNDYxNzk5NjgmcHQ9MTI*MTI*NjE4MzI4MSZwPTEyMzcxJmQ9Jmc9MiZ*PSZvPTU3NjNkYjFiYjAzMDQ4MmJhY2VmOTdjMThhMGY5ODI3Jm9mPTA=.gif” />
<p style=”visibility:visible;”>
<object type=”application/x-shockwave-flash” data=”http://pro.toufee.com/cgi2/player.pl?userID=56&projID=promobanner” height=”280″ width=”200″ style=”width:200px;height:280px”>
<param name=”movie” value=”http://pro.toufee.com/cgi2/player.pl?userID=56&projID=promobanner” />
<param name=”quality” value=”high” />
<param name=”scale” value=”noscale” />
<param name=”salign” value=”lt” />
<param name=”wmode” value=”transparent”/>
<param name=”flashvars” value=”userID=56&projID=promobanner”/>
</object>
</p>

We’ll be doing a couple of changes to convert the above code so that it supports SSL hosting. Here is how:

  1. Remove the <IMG> tag from the code.
  2. Replace all occurrences of HTTP with HTTPS
    Replace the line http://pro. with https://www. Please note that you will have to do this at two places in the code

So the new code would be:

<p style=”visibility:visible;”>
<object type=”application/x-shockwave-flash” data=”https://www.toufee.com/cgi2/player.pl?userID=56&projID=promobanner” height=”280″ width=”200″ style=”width:200px;height:280px”>
<param name=”movie” value=”https://www.toufee.com/cgi2/player.pl?userID=56&projID=promobanner” />
<param name=”quality” value=”high” />
<param name=”scale” value=”noscale” />
<param name=”salign” value=”lt” />
<param name=”wmode” value=”transparent”/>
<param name=”flashvars” value=”userID=56&projID=promobanner”/>
</object>
</p>

If you are planning to host the Toufee flash movie SWF file on your own SSL website, then you don’t have to follow this process. The above steps are required only if you use the HTML code generated from Toufee in which case the flash movie that is streamed by default over HTTP from Toufee’s servers.

Share