January 24, 2019
Preload image in Captivate 2019 -No Project Settings with Start and End image options.
Comments
(13)
January 24, 2019
Preload image in Captivate 2019 -No Project Settings with Start and End image options.
Newbie 3 posts
Followers: 0 people
(13)

In the older versions of Captivate when publishing as HTML5 you could add an image to the Project Settings for the start and end to show instead of just the white screen.  This option is not showing up in Captivate 2019.  Is it possible to somehow have your first slide image or any image to show instead of just the white screen with the gray arrow.

13 Comments
2020-06-11 04:38:00
2020-06-11 04:38:00

Hello… Is there an update for this thread yet please? I am trying to preload my poster image underneath the play arrow because the white screen is confusing and will not engage users.  I have posted my learning activity, but I am still not seeing the poster image in the background behind the start arrow.

Attachment

Like
(3)
>
aural93581897
's comment
2020-06-11 14:01:43
2020-06-11 14:01:43
>
aural93581897
's comment

Reason is that you posted the image in the wrong field. It is NOT a Preloader (that works only for SWF output), but you need to fill it in the first field (under AutoPlay). Whether Autoplay is checked or not is not important for HTML output, it is always disabled.

Have a look at my blog post:

http://blog.lilybiri.com/poster-image-autoplay

 

Like
(1)
>
aural93581897
's comment
2020-06-11 17:25:33
2020-06-11 17:25:33
>
aural93581897
's comment

Thank you so much. I did see that blog post yesterday. I am not sure how I messed it up yesterday, but it is working now since I made the change you told me to. To change the play button… Do I just overwrite the ‘Play_icon.png’ file in the ‘assets/playbar/PlaybarIcons’ folder? Or… Do I change the play arrow within the Adobe Captive software interface?

https://lauralanoue.com/eLearning/HTML/OldMacDonald/HTML/

Like
>
aural93581897
's comment
2020-06-11 17:34:28
2020-06-11 17:34:28
>
aural93581897
's comment

You need administrator rights. As I explained in this blog, you find the Play icon in the folder HTML\assets\htmlimages and it is labeled play_icon.png.

Make a copy of that file to another location (you cannot edit in the original location). Open it in a graphics editor and clear the content, then save that empty image under the same name.

Got into the first folder, and rename the original image to play_icon_old.png. That could allow you to recover it later. Now copy the empty image to the htmlassets folder.

Like
2019-01-25 23:50:08
2019-01-25 23:50:08

I am using Captivate 2017, but the image that I am replacing is not showing. I am keep getting the default spinning image. I even copied my image to /Applications/Adobe Captivate 2017/HTML/assets/htmlimages and used this path, still no luck. When I upload the SCORM file to the LMS the spin image changes to a different loader image with a green bar filling and the word Captivate above it (I can’t locate this image anywhere on my files). How can this be customized? Thank you!

Like
(3)
>
niloud35197655
's comment
2019-01-28 10:03:43
2019-01-28 10:03:43
>
niloud35197655
's comment

Did you upload to a webserver or a LMS?

Like
>
Lieve Weymeis
's comment
2019-01-29 23:45:22
2019-01-29 23:45:22
>
Lieve Weymeis
's comment

Not yet! I was hoping I can preview it first before uploading it to the LMS. If that what it takes I can test it there first. Thank you so much Lieve.

Like
>
niloud35197655
's comment
2019-01-30 13:47:00
2019-01-30 13:47:00
>
niloud35197655
's comment

You could also test in SCORM Cloud, if you don’t want to use the LMS for testing.

Like
2019-01-25 16:31:36
2019-01-25 16:31:36

I appreciate your answer. My confusion comes in that when I look at your link about adding the poster image which I did see before I posted this question.  My project settings screen does not look like yours with those options.  It used to until I upgraded to 2019.  Please see the image I attached.

Attachment

Like
(1)
>
wdolphin
's comment
2019-01-25 16:35:51
2019-01-25 16:35:51
>
wdolphin
's comment

Please open the Project by clicking the small triangle. For some reasons they collapsed all items in Preferences in CP2017, blog was written with CP2017.  At this moment you are in the first subitem Project, Information.

Like
2019-01-25 09:56:52
2019-01-25 09:56:52
Like
(2)
2019-01-25 09:56:31
2019-01-25 09:56:31

When I see your title, you talk about a preloader image, not about the poster image. The description was confusing to me because you were talking about an image (not about an animation which is the preloader) . Are you talking about a preloader?  Moreover I don’t see why a preloader would be needed at the end?

To speed up the launch of the course, avoid to have a heavy first slide, make it a simple Title slide, no audio if possible, no video, no Advanced or Shared actions On Enter.

Like
2019-01-25 09:53:08
2019-01-25 09:53:08

Hmm…. really? Sorry for the smile, but I never had that option in Captivate which I am using daily since 10 years.

There has always been the option to use a poster image, when you turned off AutoPlay. Since the second version of CP2017, due to decisions by browsers to prevent AutoPlay in websites (and eLearning courses to HTML are really websites) AutoPlay is turned off automatically for all HTML5 output.

The poster image can still be added in the old way under Preferences, Project, Start and End.

I will post a link to a blog where you can see how to make that static splash screen more engaging.

As for an end image? I never did see that option, of course may bave missed it.

Like
Add Comment