iSpring Quizmaker

Knowledge Base

Version:
Search Quizmaker KB:
Articles     Inserting Flash into HTML with iSpring

Frequently Asked Questions

Search results in FAQs

Filter docs by category:
Articles     Inserting Flash into HTML with iSpring
Back to Articles List

Articles

Search results in Articles

Inserting Flash into HTML with iSpring

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

iSpring makes web-ready Flash movie creation extremely easy and 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. iSpring will also generate an HTML code, ready to be embedded into your web page.

The following instructions explain 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 with Single Flash file ticked, you get a Flash movie (.SWF file) for the whole presentation with all of the media resources included.
Publishing into a single Flash file

Unmarking Single Flash file, you get separate SWF movies in accordance with the slides in your PowerPoint presentation.
Publishing into a set of Flash files

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.

iSpring output for the single Flash mode

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:

iSpring output for the separate Flash mode

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
Open a .html file with a plain text editor

4. In a new window you will see your page HTML code. Your movie code is enclosed within the object tag. If your web page is written in HTML, chose the piece of code as shown at the screenshot below. For XHTML pages, choose code after the comment "Use the following <object> tag to embed the Flash presentation into XHTML document". Remember, that you will need to insert only one piece of code within the object tag. You can find the type of the web document, HTML or XHTML, at the very beggining of the wep page source code.

Flash movie HTML code example
Sample HTML code for a Flash movie

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!

iSpring QuizMaker Video Tutorials

These tutorials don't yet reflect some new functionality introduced in the new iSpring QuizMaker 6.1,
while all the information they cover is valid. The tutorials describing new features will follow shortly.