Skip to main content
K
kellym66230306
Participating Frequently
December 30, 2019
Question

Help with a HTML5 stand-alone Captivate course

  • December 30, 2019
  • 1 reply
  • 1153 views

I'm using Captivate 9. I've searched everywhere an I'm not getting the answer I need. Please help. I have to build a stand-alone HTML5 captivate course. I can publish it just fine and run it on my computer when I publish from "Publish to My Computer", with just the HTML5. (I've also checked my HTML5 tracker and thre isn't any SWFs within this at all becasue I built it from scratch with HTML5 format base in mind from the start). When I select the index.html file to run the course on a local host it lags a lot. I've tried previewing it in the preview mode as a "HTML5 Browser" and copying and pasting the link from there it runs great. Will I be able to deliver it to my client like that where they copy and paste the link once they down load the file onto their desktop or does the path break once they do that? If not how do you do a HTML5 stand-alone course that will run on a client machine without the lag from the index.file? (You can't use an EXE or a PDF either because that is SWF based and it doesn't support the HTML5 elements to run it that way). I can't use an LMS at all it has to run as a stand-alone that the client will copy from a CD onto their desktop. Any info/tutorials on this will be a huge help.

This topic has been closed for replies.

1 reply

Lilybiri
Lilybiri
Brainiac
December 30, 2019

HTML output really works well in all cases when uploaded to a webserver.

K
kellym66230306Author
Participating Frequently
December 30, 2019

Do you know the reason why its lagging then when I do upload it?

RodWard
RodWard
Adobe Expert
December 30, 2019

Thank you for getting back to me so quickly. I've got 15 lessons to build and I'm building each in separate captivate files since it will be way too big in one with that many lessons. The first slide has a blank screen before it gets to the second slide the second slide is where the OAM file plays. They are set at 30 frames per second. Its only for the desktop, no mobile, its not in a responsive format. I don't have any videos in the course, I've been making all of my large images into smart shape images, including any buttons. and using web objects for the glossary. but I'm uploading OAM files because the client wants the same look and feel as the old flash files with the interactivity and heavy animations. All the animation and audio are coming from the OAM and run really well. I'm splitting out the files as best as I can to keep them short so they don't lag and the file size down as much as possible for each OAM file. I've notice the lag with the files that have more interactivty combined with animation. (I've tried a lot of work arounds on this) As for browsers IE is the requirement at the moment but we'll be moving to Micorsoft Edge soon. When I copy and paste the index file from the published from my computer file into ME it runs perfect but I'm not sure if the path will be broken when I save the file and the link for them to copy and paste into their web broswer. Since this seems to be the only way to run a stand-alone course. Unless you have another way of doing it? I think the lag is coming from IE but not sure. Any other ideas would be greatly apprecated.


As Lieve said, HTML5 is not really designed to be sent to a client and run as a standalone file as you were able to do in the old days with EXE format.  An HTML5 e-learning course module is a suite of graphics, JavaScript and multimedia files spread across several folders and all launched by an HTML web page.  There is no single file you can send to a client and have all of this work at their end when they try to view it.  They could be sent a Zip file of the entire module and all its required files, but the client would need to extract all the files at their end into a folder on their system and then launch the correct HTML file to see anything in their web browser.  Even then, the package may not work because certain things are only going to work well from a web server environment.

 

Your lag issue with OAM files is a known issue and, if the animations are quite heavy, you would probably observe the same issue even when the content is played from a web server as well.  This is because there is currently no default way built into Captivate to synchronise the timeline of the OAM file with the timeline of the Captivate slide (where the audio file is playing).  So the audio will gradually get out of synch.

 

Your strategy of keeping the slides short is good.  I also hope you have been wise enough to ONLY use JPGs and PNG files as graphics AFTER they have been resized down to the exact size they need to be displayed at.  I usually do this in a graphics app such as Photoshop before importing them into Captivate.  Otherwise you may find that your graphics are a lot bigger and heavier than they need to be, and downloading those files will then also cause slowness because HTML5 content doesn't preload assets several slides ahead as was the case in SWF.  The assets are usually downloaded as you reach each slide and that causes a slight delay which can be significant if end users are not on really good bandwidth.

 

The only way I have found to eliminate most of the OAM synchronization issues is to use custom JavaScript coding to synchronise the timelines.  If you are not a programmer, you'd need to find one.

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