Skip to main content
audreyf2015
audreyf2015
Participant
February 23, 2016
Answered

Publishing to HTML5 w/ Captivate 9

  • February 23, 2016
  • 5 replies
  • 5627 views

My company currently publishes projects as SWF, but this fall we're moving to publishing HTML5. I'm trying to do some research on what's unsupported in HTML5 and found a list of items at Adobe.com (such as text and SWF animations, slide transitions, rollovers, etc.).

To test it out, I put together a quick module. It includes rollovers, text animation (typing effect), mouse animation, etc. The HTML5 tracker warned me that rollover captions, rollover images, and rollover slidelets were not HTML5 compatible. However, when I published to HTML5 and viewed it in IE11, almost everything worked, including all the rollovers. I'm confused, because everything I've read points to the fact that rollovers will not work in HTML5 but they seemed to work for me. Am I missing something?

I should point out that we're not publishing responsive projects. Our entire target audience is using desktop computers and viewing the modules in IE11. Wondering if there's a bug in the tracker, or if its warnings only apply to responsive projects?

This topic has been closed for replies.
Correct answer Lilybiri

So far the only element I've found that is truly not HTML5 compatible is slide transitions. I'm sure there are more, but it doesn't seem to be as many as Captivate's HTML5 tracker says.


Rollovers are not compatible with most mobile devices, that is the reason the HTML tracker will report them for HTML output.

What is certainly not working are Text animations and SWF animations. For Text animations only a static image will be shown. FLV video cannot be played in HTML output, will be converted to MP4.  H264 (MP4) codec doesn't support transparent background, which is possible in FLV. Some issues can occur with PPT-imported slides and with FMR slides, but that is not always the case. The Effects that are classified as 'Other effects' in CP9 are not totally supported neither. Another difference I'm aware of: in SWF output an interactive object covered by a non-interactive object remains active, which is not (always) the case in HTML output.  Lot depends also on the used browser, HTML5 support is not the same by all browsers.

As long as you are mainly publishing for desktop/laptop keep to SWF when possible or publish for multiple screens. Experience by user is much more consistent with SWF output. At least as browsers continue to embed Flash Player. At this moment the interactive PDF published by Captivate needs Flash player, as does the EXE format.

5 replies

I
IT-Systemschulung
Participating Frequently
August 30, 2016

I would not recommend the use of rollovers in HTML5-Output. Not only they would probably not work in mobile use. They are not reliable in desktop-use as well - depending on used browser.
And because of dying support for swf-players, staying in Flash is imho not an option, too.

Just use click-events instead. Users will get used to them rather quickly. And you save them and yourself a lot of trouble.

G
georgem37138652
Participant
August 30, 2016

Hello and thank you for your questions. This is a warning only for responsive projects. 

 

Thanks,

 

E

G
georgem37138652
Participant
August 30, 2016

This is a test,

MichaelStephens
MichaelStephens
Legend
August 9, 2016

The rollover captions, rollover images, and rollover slidelets are three specific items you can add to a project and are located under the Objects menu.

rollover

Rollovers, such as those for standard buttons or object states, aren't the same and should work in HTML5 output when viewed on a desktop.

Lilybiri
Lilybiri
Legend
August 9, 2016

@MichaelStephens  Your comment is bit off topic: Rollover items are NOT supported for HTML output (see Project, HTML Tracker), user was asking about that. OP was not referring to Over, Down and Up states for interactive objects.

MichaelStephens
MichaelStephens
Legend
August 10, 2016

My comment isn't off topic. Audrey said that she was getting a warning in the HTML5 Tracker referencing Rollover Captions, Rollover Slidelets, and Rollover Images, which are all items inserted via the Objects button.

Not really sure why you think I was referring to any Over, Down, and Up states for interactive objects.

P
petern33480613
Inspiring
February 23, 2016

Audrey,

I did exactly the same as yourself, published in HTML5 with some Rollovers.

Everything seems to work fine on Desktop computers running IE and a mouse.

However, when the content was accessed using a tablet computer the Rollovers did not work and I had to rethink my project design.

I only publish in HTML5 and avoid anything that CP9 tells me is not supported in HTML5.

Peter

    audreyf2015
    audreyf2015Author
    Participant
    February 23, 2016

    Hi Peter,

    Thanks for your response. It's good to know someone else has experienced the same thing, since everything else I was reading said flat out that they don't work. Which is different than being unsupported.

    Our users are in a very strict environment and will never access the modules using a tablet, smartphone, etc. so it's not something we have to design around. With that in mind, wondering if there's any reason to shy away from rollovers, or any other objects that Captivate says aren't supported?

    TinkerTrainer
    TinkerTrainer
    Known Participant
    February 23, 2016

    This is most interesting.  I've been dual-publishing my modules in PDF/HTML5 for a while, anticipating the need to move away from Flash. I've been purposely limiting my use of things proscribed by the HTML5 Tracker - and now...maybe I don't need to?

    Can't wait to see what Rod and Lieve have to say on this one. 

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices