[Video] How to Insert HTML5 Files into Adobe Captivate 8

YouTube_Feature_HTML5_in_Captivate-8

I’m here to walk you through how to insert HTML5 files, like Game Templates and Interaction Templates, to work with Adobe Captivate 8. Keep in mind, HTML5 files can come from several different sources. For this tutorial, I am going to use HTML5 files from Adobe Edge Animate that I have edited. The best way to get the file to put into Adobe Captivate 8 is through a web window or web object. Let me show you how to do this eLearning trick.

Upload Files to an FTP Client

The first step is to upload your files into an FTP server. With all the published files from Adobe Edge Animate, upload it to your FTP server. I like to use Filezilla. If you don’t know how to use FTP servers, you might need to get hold of your IT department. Once you have the published files from Adobe Edge Animate in your FTP client, get the file location. This location becomes your URL. This URL will be what we put into Captivate.

Put the URL Into Adobe Captivate 8

The next step you will want to check and make sure your URL works before you put it in Captivate. Next, open Captivate and create a new slide. Now go to the Interactions tab then in the drop down click Learning Interactions. A window will open and just scroll down to the bottom to web object. Select it and then click insert.

The new window will have the option to put your new URL or address into Captivate. Paste your URL in, and click OK. Now your HTML5 game or interaction will be inside your Captivate course. Next, you’ll want publish this course, and put those files into your LMS.

Watch the Video on How to Insert HTML5 Files into Adobe Captivate 8


Watch this video in YouTube.

—————————————————————————————————————————
Want to get eLearning Game Templates and Interaction Templates? Make your Captivate courses awesome with these Adobe Captivate 8 templates. Click below to get started.

Get Started Here!

11 Comments

  1. Do you have a video or instructions on how to import HTML5 created in Captivate into Lectora and then publish as Scorm? Thanks!

  2. Hi Charity, thanks for your comment. Let’s see… I will have to get back to you.

  3. Thanks!

  4. WOO HOO! That was incredibly helpful. I just had to tweak a smidgen for a HTML5 project generated directly from Captivate. Thank you so much!!! I have been working on this for weeks. You saved the day!

  5. That is great to hear Charity! Anytime you need help, just let us know.

    Also, you can get your answers even faster if you email support@elearningbrothers.com.

    Have an awesome day!

  6. Hi,
    I’m developing a responsive captivate 8 course and want to put in a video wall of Youtube videos. I know the widget does not work with HTML5 so went for web object, copied and pasted in the embed code from Youtube but when I publish the screen is blank… help, do you know how I can get this working please?

    BR’s
    LindsayB

  7. Hi Lindsay, thanks for reaching out to us with your question. I sent your question to our support team to look over your issue. They will contact you shortly through the email you provided. Thank you! Have a good day!

  8. Is there a way to refresh the HTML5 from Captivate? My refresh/replay button in Captivate refreshes the Captivate slide, but not the file created from Edge Animate.

  9. Hi Pat, thanks for your comment. I sent your question to our support team to look at your issue. They will contact you shortly through the email you provided. Thank you! Have a good day!

  10. Hi Pat, This is a great question. I have had this same problem with storyline, where that if I am on a slide and want to restart that slide, if I have an action that says “go to the current slide” it will restart the timeline but it wouldn’t truly refresh the page. I was experiencing issues like yours with the videos not restarting and the slide variable not triggering again. My fix with storyline was that I had a separate “Refresh Page” that my refresh button would go to first and then cycle back to the current slide which would play from beginning.

    How I think you should do it in Captivate is have this advanced action you sent me in the screen shot, play “On Enter” of a “Refresh Page”. You could place that page probably at the end of the course. But, have the actual refresh button only go to the “Refresh Page”. I think that should work, let me know how it turns out!

Submit a Comment

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>