Captivate 9 - Switching from SWF to HTML5

Hey Guys,

For the past 2 years I've worked for a company that uses Captivate to produce online training simulations - theses simulations help train our customers how to use our software. Our training's range from the super simple to the fairly complex. They had been using Captivate 5 long before I was ever hired, so I've continued using Captivate 5 (exporting as SWF obviously.) We recently updated our training platform and my company wants to switch everything we've ever made (probably 40+ hours of simulations) from SWF to HTML5. I've noticed a lot of the methods we used to create these trainings are no longer available - but I'm hoping that it's just a matter of me not understanding the best practice for building simulations.

The first real problem I've noticed, is that we are no longer able to use rollover slides when producing into HTML5. In the past, we would have slides progress using rollovers - for instance, we'd tell you to "click the OK button," the user would then hover over the okay button, the rollover would then display the rollover slidelet exposing a new image of the button. We'd have a tiny click box with the "pause project until user clicks" checked just to freeze the slide and the On Success of the rollover would be set to continue to the next slide and that's how we'd transition from slide to slide. Now I have no clue if this is best practice, but that's how we've always made them. So the problem is that 99% of our customers access these files from a desktop computer and now I'm forced to replace every rollover we've ever used with a click box. Not only does it not look as nice, but it is a huge use of my time. I'm hoping that maybe I've overlooked something or there is a better way to do this moving forward.

The other problems are related to more complex functions. In the past my company has used 3rd party widgets (which I assume must be written in Actionscript or whatever flash uses) to do things like

• Check for drag and drops / mouse up and mouse down events.
• Hide the cursor and have an image element follow your mouse (a roundabout method of replacing the cursor.)

These widgets no longer work in HTML5, so I've been forced to write a pretty hefty javascript library to get around these things. I then have been editing the published index.html to include my library and then I call the functions using the On Enter: "Execute Javascript" from within the slides that need things like cursor changes etc.. Now I'm hoping there is also a better method to do this, because my process is really awkward and takes a lot of time (anytime I have to republish the project I have to edit the html with my scripts.) Is it possible to make my own javascript widgets and just include those in my project?

Lastly, I've noticed that when opening the exported files in Internet Explorer or Firefox, the browser throw warnings, which is not ideal. Is there any workaround for this?

As it stands now, I don't see any huge benefits from switching over to HTML5, and without things like rollovers - they don't look as nice and take much longer to build.

I would really appreciate any advice or insight you guys have, while I have lots of experience in Captivate, I probably don't use it to it's full potential and I'm probably overlooking some helpful features.