I have created a module using Adobe Captivate 2019 and published it as HTML5. I am experiencing a lag at several random points during the playing of the e-learning. There is a "Loading" message layer, making it impossible to click on any of the active areas. Slide actions are halted while video and audio carry on unimpeded.
The module includes 12 slide videos, each one ca. 30 - 60 seconds in length, ranging in size between 5 and 10 MB. I assume that the videos are the cause of the issue, because e-learnings without videos do not exhibit the same behaviour. When I publish as executable I do not experience these issues.
Adobe recommend the following:
I have experimented with rendering the videos at the recommended keyframe interval with various bit-rates (high, medium, low) but I haven't seen any improvement. I have also tried streaming from Vimeo and Youtube, to no advantage.
Has anyone else experienced the same and come up with a solution?
Are these lessons being delivered from your LMS or a web server?
If from an LMS, try loading the same SCORMs to SCORM Cloud and test from there.
If from your own web server, try a different web server that is known to have high performance.
These lessons are being delivered from the Cornerstone LMS. I have indeed loaded the same SCORM to SCORM Cloud and experience the same issue (although arguably, not as frequently). The only time that there is no issue, is when I publish to a .exe file.
When you publish as an executable the entire file needs to be on your hard drive before you can play it. Bandwidth is not an issue in such cases. However, when you are pulling something from a web server or LMS (which is also a web server) then the bandwidth pipe between you and that server determines how much data can be delivered in a given time.
With HTML5 output the assets for a given slide are usually downloaded when you get to that slide, hence the loading animation. The reason for not preloading the entire project first is that HTML5 is designed for mobile devices and many of these devices have very limited space. They normally try to only download the minimum required to display the requested content. From the perspective of the mobile device, an HTML5 elearning course looks a lot like a website. But each slide in the course is like a single page in a website. Would you normally expect the device to download the entire website just because you requested one page? So it loads everything page by page, slide by slide.
If you have videos on that slide, then the loading animation will appear for a longer time than if you just had images and other objects. You may be using progressive download videos which need to be completely downloaded to the device before they start playing. Mobile devices normally expect videos to be streaming videos such as you would see on YouTube. I note that you said you tried streaming videos and didn't see any improvement, but that would seem quite strange. You should still see a short loading animation, but the videos should play sooner than with progressive download.
I take your point on the difference between executable files and HTML5 output.
The issue though is not the playing of the videos. Yes, there's often a 1 second delay before the video plays, but that is not a major concern. What happens is that the slide video and the slide audio continue to play, but everything else on the slide freezes. The slide player simply stops. A semi-transparent layer sits on top of the slide with the "Loading" message, making it impossible to click anywhere on the slide until the layer disappears. By which time the video and audio have become out of sync with the slide actions.
Perhaps I'm barking up the wrong tree? Perhaps there is another cause? It's just that we haven't experienced this issue with Captivate modules that do not have slide videos.
I'm a little unsure about your terminology here.
The semi-transparent layer with the loading animation is just a standard indicator that something is still being downloaded in the background and not all of the slide elements are there.
However, you say: "By which time the video and audio have become out of sync with the slide actions."
What 'video' are you talking about here? Do you mean an MP4 video, or streaming video? Or are you just talking about the object animations that you've set up on the slide?
Is the 'audio' you mention here, the audio of the MP4 video, or is it the slide audio (i.e. WAV or MP3 audio inserted onto the slide timeline)?
My apologies for lack of clarity.
I hope this is a little clearer. If not, would it help to give you access to run the module on SCORM cloud?
I have been having the same issue with the video loading 'grey screen' as you are. Unfortunately nothing we have tried has fixed it, and all of our attempts to get help from adobe have not got us anywhere either.
For me, the issue happens on slides with mp4 video synchronized to the timeline. All video has been output from Premier and Media Encoder as H264 mp4.
The issue for us seems to happen randomly, but mostly on Windows 10 pcs using IE11. Using Chrome results in far less occurrences of the problem.
We have tested it on our own LMS, and also Scorm Cloud, and the same results happen.
I would love for somebody to get to the bottom of this issue, as we have had to buy some Storyline Licenses to build any projects requiring video.
Similarly, after a 2 hour call to a very friendly Adobe support technician, there was unfortunately no solution.
I think that the issue occurs when video and/audio are imported. I've noticed that a module containing videos and audio recorded from within Captivate (File > Record a New > Video Demo) don't seem to exhibit the same behaviour.
We haven't noticed any real improvement using Chrome rather than IE.
It has been recommended that perhaps we try a different web server. I've put in a request with our IT department. I don't yet know how feasible that's going to be. Or whether it is likely to fix the problem.
I have solved this by adding this CSS to the bottom of the CPLibraryAll.css located in the assets/css folder.
display: none !important
display: none !important
Thanks for the reply. I have tested out your fix, and it technically works, however, any interaction with the slide is still frozen until the slide ends. I think we tried a similar fix ourselves at one point.
For example, we have custom back and next buttons on our slides. If we implement your fix, we no longer see the loading screen, but clicking 'back' does nothing until the slide ends, and it 'catches up' with itself. Suddenly the project goes back to the previous slide without me clicking it. Similar issues occur if you use the try to use the table of contents etc.
I imagine there would also be issues with any text/graphics timed to appear layered over the video (we had text captions subtitles in captivate playing over the video in one of our courses).
The slide is still 'loading', we just don't see it.
I greatly appreciate your reply however. Its a lot more than I have got from Adobe in the last few months.
Never had that issue when using the fix. Could always still interact with the screen.
In the project I did where I constantly saw the loading screen in IE, it seemed to fix the issue. Seemed as though the loading screen popped up even though the video was playing behind it.
You could always try putting the video in an html page, zip it up and insert as an html5 animation.
Thanks for the tips and suggestions.
I have over the past three weeks, during several long online sessions, been communicating with Adobe support consultants, trying to get to the bottom of this issue. The case was transferred to a senior consultant a week ago, so I'm now waiting to hear what his assessment is. I'll keep you posted.
Did the consultant get back to you? We just ran into the same problem
I know you were not responding to me, but I can add that I have on two separate occasions over the last two years reported and chased up this issue, but as yet, I have never had a response from support that wasn't 'We are currently looking into the issue'. I have also never been contacted without me prodding them first.
We had to jump to Storyline for any elearning that contained video in the time being!
I, like you, have spent many hours speaking to Adobe support on this. It took some convincing, but there was finally an admission that there was indeed a bug that needed to be fixed. I even got a bug number (Bug #CAP-4202755) targeted to be fixed in the next update/release. In the end I was not able to capture the error on Chrome, so the bug is specific to IE11.
We wait in hope.
Its good to know they actually admitted that it is a bug!
After hours on the phone to them previously, their final suggestion was to uninstall all my adobe apps and run Adobe CC cleaner, right in the middle of a project that was running late due to this very issue!
Funnily enough, fast forward a few months, and my PC was completely wiped, new OS added, and all apps reinstalled, and the issue was still there!
Anyway, enough moaning from me, I genuinely hope they can fix it, because despite its flaws I do prefer using Cp to Storyline!
I'm not sure the problem scenario above is the same, but FWIW the following solution may be worth looking at:
Adobe Certified RoboHelp and Captivate Instructor
Thanks for your tips and suggestions.
I facing the same issue of video loading 'grey screen' with a loading icon.
I am using Captivate 2017 and output is AICC HTML 5.
The issue happens on slides where I have used mp4 videos (Event and Multi slide synchronized Video).
And when the "Loading" message disappears, then video and slide content (Image/button/object) are become out of sync.
The issue happened randomly, but mostly on using IE and using Firefox results in far less occurrences of the problem.
We have tested it Moodle, and also Scorm Cloud, and the results are the same.
I appreciate your reply.
Any way to apply this to HTML 5?