HTML slideshow:

Creates a set of HTML and other files for an animated HTML slideshow or animated infographic. This is dynamic and interactive and can be embedded in a web page or posted online as a web page in its own right.

Adobe PDF:

Creates a static PDF document with images of all the slides in your project. There is no animation; this is just a document containing images.

Static images:

Creates a series of static images of the slides in your Xplain for use elsewhere. These images do not contain any animation.

Multi-page GIF:

Creates a single animated GIF image that shows all your slides in order, but without animations within the slides. GIFs can be posted anywhere online without any additional files, for example on Instagram or Facebook. This makes them ideal for places where you don't control what you store on the web server.

Output file:

Choose an empty folder to store your animation. This is required because the animation consists of multiple HTML and other files. This is also stored with the project when you select the Store Changes option (see below).

The output file name should generally be index.html or index.htm. Then most web servers will start it automatically if you just provide the folder URL without a file name in links to the Xplain.

Display output file:

Player skin:

Choose a layout for your Xplain. Click on the Customize button to preview the layout and adjust its settings.

Skin selection for screencasts:
The Minimalistic Skin is ideal for screencasts in which the user needs to click to proceed to the next slide. The Start/Replay Skin is a better choice for screencasts that play automatically.

Skin selection for screencasts:
If you are a developer you can also create your own custom skin in which you can configure everything without restrictions. See Custom Skins in the Developers chapter for details.

Loop:

Automatically continue with first slide after the last slide. This applies both for auto-playing and operation by the user (selecting Next in the last slide moves to the first slide).

Keyboard control:

Arrow keys and Page Up/Page Down keys also control the animation.

Mask viewport:

This ensures that nothing outside the viewport of the Xplain can be visible. For example, if an Xplain is linked on social media and the user views it in a vertical smartphone the phone browser page won't have the same relative dimensions as the Xplain. Masking fills the entire page outside the viewport with the selected color to ensure that no slides outside the viewport can become visible in such situations.

Maximum image size:

This setting limits the sizes of all images, particularly screenshots in screencasts. It determines how fast your presentations load in web browsers.

By default, the original image format (PNG/JPEG) is kept, but the image is scaled down so that it is not larger than the preset size of the Xplain viewport in pixels (which is scalable). This would be equivalent to "low image quality".

Maximum quality is 300% of the original size. There is also an unlimited setting above this, but we strongly recommend that you do not use that as it may result in performance issues.

Start autoplay mode:

Automatically start playing x seconds after opening. Deselecting this disables autoplay.

Automatic start is not permitted for Xplains containing audio because web browsers do not allow audio to start playing automatically.

Autoplay speed:

The middle setting uses the animation times set in the individual slides in the slide animation settings. Slowing it down or speeding it up globally slows down or accelerates the entire animation, including both slide transitions and slide content animation.

Audio:

Adjust the overall level/volume of the audio and whether you want the Xplain to start with the audio muted or not.

In Master Page:

This shows the Xplain embedded in an iFrame in a temporary master page with instructions to show you how to embed your infographic in your own pages. It also includes preview options for a large number of common desktop and mobile devices.

Recommended! This setting is the default and is very helpful for getting an idea of how the Xplain will look in a page and how to deploy it in your own pages after publishing.

IFrame content:

Shows only the Xplain, without any surrounding page.

Disabled:

Just publishes your Xplain without previewing it.

Player skin:

Choose a layout for your Xplain. Click on the Customize button to preview the layout and adjust its settings.

Skin selection for screencasts:
The Minimalistic Skin is ideal for screencasts in which the user needs to click to proceed to the next slide. The Start/Replay Skin is a better choice for screencasts that play automatically.

Customizing skins:
If you are a developer you can also create your own custom skin in which you can configure everything without restrictions. See Custom Skins in the Developers chapter for details.

Loop:

Automatically continue with first slide after the last slide. This applies both for auto-playing and operation by the user (selecting Next in the last slide moves to the first slide).

Keyboard control:

Arrow keys and Page Up/Page Down keys also control the animation.

Image size:

If you have used rather large source images, we recommend to restrict the size of exported images to improve the loading speed of the Xplain in the browser and reduce the amount of memory required to display an Xplain.

Start autoplay mode:

Automatically start playing x seconds after opening. Deselecting this disables autoplay.

Automatic start is not permitted for Xplains containing audio because web browsers do not allow audio to start playing automatically. The eWriter viewer has the same restrictions because it is essentially a web browser.

Autoplay speed:

The middle setting uses the animation times set in the individual slides in the slide animation settings. Slowing it down or speeding it up globally slows down or accelerates the entire animation, including both slide transitions and slide content animation.

Audio:

Adjust the overall level/volume of the audio and whether you want the Xplain to start with the audio muted or not.

<xplain_filename>.html

This is the main Xplain file. It will usually be called index.html but you can give it any name you like. The name index.html will be opened automatically by web browsers on most web servers. However, you need to use different names if you want to put multiple Xplains in the same folder.

\<xplain_filename>\

This folder contains the photos and other graphical images used in your Xplain. It has the name of the main HTML file without the .html extension.

\js\

This folder contains the script files used to make your Xplain work.

Output File:

Name and location of the PDF output file.

Click on the [..] browse button to navigate to the folder and file you want to create.

Display Output File:

Automatically display the PDF in your standard PDF viewer after creating it.

Slide Range:

Define which slides from the Xplain you want to include in the PDF.

Output File:

Name and location of the output files. The %SLIDENUM% variable in the output name increments automatically for the slides.

Click on the [..] browse button to navigate to the folder and file you want to create. In most cases you will want to choose an empty folder for this.

Display Output File:

Automatically display the first image in your default image viewer after all the images have been generated.

Slide Range:

Define which slides from the Xplain you want to include in the set of static images (one image for each slide).