Inserting Flash into HTML with iSpring

If you want to add Flash animation or commercial banner to your web page, iSpring is the best solution that allows to create professional Flash movies in your PowerPoint.

iSpring makes web ready Flash movies creating extremely easy while it doesn't require any Flash programming skills. Just create your presentation in PowerPoint, and iSpring will convert it to Flash preserving all the original animations, transition effects, inserted audio, video and Flash files. Also iSpring will generate an HTML code, ready for embedding into your web page.

The following instruction explains how to add Flash animation to your web page.

1. Convert your PowerPoint presentation to Flash with iSpring. Select your output file type: single .SWF movie for the whole presentation or separate files for each single slide.

Make sure that Create HTML is selected in the Publish -> General window.

When converting your presentation, having Single Flash file ticked, you get a Flash movie (.SWF file) for the whole presentation with all the media resources included.

Unmarking Single Flash file, you get separate SWF movies in accordance with the slides in your PowerPoint presentation.

2. When converting in Single Flash file mode, you have three separate files in the output: Flash movie (.SWF file), HTML page and additional .JS file for Internet Explorer.

Conversion output with Single Flash file mode on:

• .SWF file - your Flash movie;
• .HTML file - an HTML page with your Flash movie on it;
• .JS file - it prevents Internet Explorer from blocking your Flash movie. It has to be in the same folder with your HTML page for proper operating.

If you unmark Single Flash file, an extra folder containing separate slide movies and linking .xml file will be added to the output files:

Conversion output with Single Flash file mode off:

• data folder - it has your movie content;
• .SWF file - your Flash movie;
• .HTML file - an HTML page with your Flash movie on it;
• .JS file - it prevents Internet Explorer from blocking your Flash movie. It has to be in the same folder with your HTML page for proper operating.
• .XML file - links your data folder content with an SWF file.

Remember to copy all the output files together with a Data folder to your website for a proper Flash movie playback on your web page.

3. In order to ensure smooth playback of a Flash movie on your web page, edit its HTML code, pasting a corresponding piece of code generated by iSpring. Web page HTML can be reviewed right from your browser window by selecting Code source option or opening it in a simple text editor, that doesn't allow font styles changing, e.g. Notepad. Do NOT use Microsoft Word, OpenOfficeWriter, WordPad, etc.

Right-click your HTML file and select Open with -> Notepad

4. In a new window you will see your page HTML code. Your movie code is enclosed within the object tag:

Flash movie HTML code example

5. Now just copy object tag content and paste it into your web page HTML code.

You can also specify location and mode of your movie setting attributes and parameters for the object tag and duplicating attributes for the embed tag.

• quality ("low/autolow/autohigh/high/medium/best") - designates outline smoothing quality;
• bgcolor - determines slide background color;
• align ("right/left/middle") - sets movie alignment within the page;
• src (movie parameter) - shows the movie source;
• width, height - designates movie size in pixels;
• allowFullScreen - allows Full screen mode (for FlashPlayer 9 only).

In the script tag src attribute shows the path to .js file. It has to be stored in the same folder with Flash movie containing web page.

Also remember that all the files with your movie have to be stored together with the page in order to assure your movie's flawless playback.

We hope our tips will help you to enrich and beautify your web site with Flash animations!