InDesign to HTML5 Prelease Build 6 Features

Update (12/12/12): The product, now called in5 is now publicly available:
http://ajarproductions.com/pages/products/in5/

We’ve added several new features in the prerelease versions of the InDesign->HTML5 exporter since the build 4 preview. Here’s a brief list of features that have been built since then.

Build 5 Additions

Build 5 included the following features:

  • Video embedding. (MP4) Videos within the InDesign layout are now included with the export. The exporter automatically searches for .ogv and .webm videos with the same name and folder as the .mp4 video and includes them in the exported source files to ensure compatibility across browsers. If the browser does not support the HTML5 <video> tag, a Flash video player will be displayed as a fallback. FLV and and F4V videos are also supported, but will only be displayed with a Flash video player.
  • Flash embedding. Any SWF files in the InDesign layout are now be exported and included in the HTML. If you choose a poster image, it will be displayed when the Flash Player is not available. This way, Flash can be used to progressively enhance images by adding animations or demonstrations.
  • Advanced master page layering. Typically master page items are merged into the background of a page. If you put master page items in the top layer, they will be exported above other page items.

Build 6 Additions

Build 6 now has a user interface with export options.

Selecting a Page Format currently allows you to display your content using a horizontal slider (the default), a vertical slider, or a fade in transition. You can also enable/disable the default navigation arrows (if you’d like to use your own custom navigation, as shown in the build 4 preview) and the swipe navigation. All options are then retained with the document for future exports.

Now that the framework for the interface is built, I can continue adding options to it fairly quickly.

More Information

For anyone who wasn’t able to back this project before it closed, our mailing list is the best way to find out exactly when ID->HTML5 is released.

Get updates from Ajar Productions

Splittext id 400px

Sign up today and get the InDesign Split Text premium extension for free!

Unsubscribe at any time. Powered by ConvertKit
Justin | HTML5,InDesign | Tuesday, October 23rd, 2012

7 thoughts on “InDesign to HTML5 Prelease Build 6 Features”

  1. Paolo says:

    Hi,
    i tried In5 in InDesign CS5 for Windows and I keep getting an error during exporting (line 450, version 1.2.0).
    Should I use an Apple OS?

    I meant: exporting for Baker framework.

    Web HTML export is ok.

    Paolo

  2. Justin says:

    Hi Paolo,

    We’re working on this issue. We should have a fix soon.

  3. Justin says:

    Hi Paolo,
    The newest version should allow you to export without error.

  4. Paolo says:

    Hi Justin,
    I will give it a try asap.
    Thanks!

  5. Gus says:

    Hi Justin,
    I have a few questions regarding inline videos and audio on Android tablets. As you might know, inline videos are not supported on Android devices through Adobe Content Viewer (they play on fullscreen mode only). Will I have inline video support with In5? Also, I have been trying to implement timing control over audio files with no success. Is there a way to actually control it?(For instance, I want to hear this exactly part of an audio dragging the control button over it). This is important, since we don’t actually have advanced controls over media files.

    Thanks in advance!

  6. Justin says:

    Hi Gus,
    Audio and video within in5 work just like they do in webpages, so they will play right in the page. There is an option to include audio controls in the in5 dialog.

    You can test the trial version for no charge, which supports audio and video:
    http://ajarproductions.com/pages/products/in5/download.php

Leave a Reply

Your email address will not be published. Required fields are marked *