Advice for HTML5 (tablet) output ...

Forum|Forum|9 years ago
December 19, 2016
3 replies
818 views

Hello,

We have a software training that I created in Captivate 9 that consists primarily of the screen shots that Captivate produces of the software with different smart shapes and graphics on top. There are some interactions,too. For every slide, there is an audio as well.

We are having the problem that all of the objects on each slide are not downloaded by the browser. On some slides, the background is downloaded, but some of the objects (smart shapes, text captions,audio) on top of it are not shown. Sometimes the objects are downloaded, but the complete background is missing. Obviously, the tablet browser is having trouble downloading each of the items that belong to the slide. Is there a way to optimize this?

This topic has been closed for replies.

R

ryan scharAuthor

Inspiring

Thanks Dave,

Wow. I've tested this fastClick library, and it seems to work wonders! Thank you...

@Lilybiri, just in case I really have to replace all of the backgrounds at some time in the future, was is your workflow to do that? Mine is 1. Find background in library, edit in Illustrator, export it from illustrator to desktop, import back into Captivate, replace old background with new background.

Something I noticed along the way -- simply importing the background and exporting it again from Illustrator without any manipulation greatly reduced its size.. in my test case from 6400 KB to 68 KB! Weird.

TLCMediaDesign

Inspiring

We've had that issue many times and differently on iPads and Android.

When I included the fastclick.js it seemed to get rid of it. The main problem was that the interface never showed, just the buttons.

RodWard

Community Expert

Dave,

Do you just include the fastclick.js library with the project's other JS files for it to help these issues, or did you find you needed to be referencing the fastclick.js library via code in some way.

TLCMediaDesign

Inspiring

I put it in the templates so that when it's published it's always there. Put the include and the callout in the index.html. It's very lightweight and the benefit is very noticeable.

I have no idea why it solved the issue with images not displaying, since it's really for converting "normal" events to touch events, but it did.

RodWard

Community Expert

HTML5 content created with the current version of Captivate 9 now uses JSON files in the output. These JSON files are used as the source for a number of image types.

Unless your web server or LMS is set up to enable serving of JSON files you will NOT see some images. This sounds like it could be the cause of your issue.