Articulate Preloader via XML

UPDATE: We have a new solution on that is very simple to use and automatically preloads your files. We have really tweaked the code and added an optional progress bar.

Earlier this week fellow MVP Phil Corriveau posted a wonderful solution for preloading large content into Articulate. I talked to Phil and decided to extend his work to our non-Flash users.

Phil also pointed out that he had in-turn tweaked code he found here to create his preloader. It's a great community that shares and builds on each other's work!

My version gets the list of file to be preloaded, and a logo, from an xml file. The logo's max size is 244x75px and because we are targeting Flash 6 you are limited to jpg or swf.

So here is a screenr on how to use these files (


Hello David,
Thanks for a great product. We recently updated to Articulate '13 and looked to use your preloader once more. We tried it on a coverted course and the preloader does not seem to work. We suspect an AS2 or AS3 issue, but not sure. Would there be any chance you would provide a version for '13. Thanks again for a great product.


Found this to be quite helpful in preloading large SWF files contained in a Web Object that was built from Captivate 6 (AS3).

However, on the first slide when the preloader is bringing in the SWF files, because Articulate '09 will not load/play a AS3 SWF file directly, I get this annoying hissing/clicking sound in the background which plays at the same time as the audio on the fist slide.

Other than that it works great - when I get to the Web Object slide it is ready to go without delay.

Any way to turn of this noise from '09?

Hey Jeff,
I think this was directed to me; James?

It might be possible to add some functionality to the Preloader Flash file that sets the global sound volume to 0. Then when everything is done preloading turn it back up.

I love this solution, but need help with a slight variation. The logo I have been using is 244px by 61px. When I use this image it seems to be forcing it to 244 by 75. Is the swf set to this dimension and if so how can I change the dimension of the swf without the original file.


Okay, where do the files go?

I read Gerry Waz's comment on the linking syntax and now I'm even more confused.

Is the Get statement now fixed in the download files?


Where do I put the files to make them work?

Logo.jpg in the \player folder?

Custom_preloader.swf  in the \data\swf folder?

preload.xml in the \data folder?

Appreciate your help. I really want to get this working.

Thanks, David

Hi David,
The Custom_preloader.swf gets imported as logo using Articulate's Template UI.
the xml and a logo.jpg of your choice go in the root of the published folder.
The screenr on this page demonstrates how to set it up.

My .flv files are embedded in quiz(blank pages) and the quizzes are a slide in the Powerpoint. Now I publish the presentation. Can anyone tell me where to look in the "data" folder for the .flv files.
When I publish the presentation from Powerpoint the I find .flv files buried along this path:

To anyone whose tried this before, does this path sound correct?

Hi James,

Thanks for the prloader, but I have no idea how to use it.

So I insert the preloader.swf in the presenter panel. Does that mean it will be present on every slide?

To put my own logo in I edit the xml file, do I just put the name of the jpg in there or a path as well?

Same question for the assets I want preloaded, do I just put thier file names in there, or do I need paths?

When I publish, do I need to locate the preloader in the data folder and put the logo and the xml file loose within the same folder? Also how will it find the assets I've listed, do they need to be in that same folder?

Sorry to be a pain, but I need some pre-loader for dummies instructions.

hi James, is there a way to create a custom preloader that will look for anything with .flv at the end of the file name? at our business we create hundreds of learning guides and it would be good to just use the one preloader file with all of them. any help would be much appreciated. thank you.

Hi James - I used your xml code to add a preloader.swf to my articulate course, however now when I add my logo to the XML file the logo covers half my screen. How can I get the logo to be positioned where I need it - size wise?

This is the code from the published Articulate file in regards to logo before I added the preleader.swf -

Your help is greatly appreciated!!!

Is your logo larger then 244x75?

If you load the preloader.swf file and the xml file tells what logo you really want to use, where do you park your actual logo in the published files for it to really work?

Hi, i have this problem: all my slide are swf file 868x522 and pos left=-115 e top -7 with custom skin.When i load course into LMS platform the swf file are not in the right position but when browser cache swf all swf is ok.
If i use preloader of my swf can i resolve my problem on first load?
Please help me!


Hi, James! Fellow MVP Gerrywz from the Articulate forums here.

Thanks for this. Works great.

However, I found I had to change the relative linking syntax to the videos to get this work. I was using HTTP Analyzer to watch the HTTP traffic and, so not to get 404 errors, I had to do this relative link syntax to get it to work: ../data/swf/[name of video file]

Here is the XML file that I did to finally get things to work:

<!-- Originally Created by Philip Corriveau modifed by James Kingsley -->

<!-- logo max size is 244x75px due to flash 6 it must either be a .swf or a .jpg--> logo_link.swf <!-- list your files to be preloaded --> ../data/swf/fm_Coaching6.flv ../data/swf/fm_Coaching7.flv ../data/swf/fm_Coaching8.flv ../data/swf/fm_Coaching9.flv ../data/swf/fm_Coaching10.flv

If I went with what you had, the 404 error showed a URL with the data/swf folders under the player folder.

Correct GET example:

Incorrect GET example:

Did I miss something in the explanation for this?

Thanks! All the best.

- Gerry

Great catch!
Thanks so much for your help!

Hi James

Is it possible to use the pre-loader in the Allslideplayer skin, by ensuring that the logo is ticked?



Hmm that's a good idea.. but Im not sure it will work because there is no place for the 'logo' to load.. perhaps I should just build the preloader into all my skins...

What a great concept is it possible? I for one would be chuffed with that solution?


Preloader into your skins?

I wonder is this something you still are considering? Would we get the same result by inserting the Pre-Loader flash file onto the first page of the Presentation?

Happy Christmas


Hi James,
The XML approach is easier for non-Flash types, so thanx very much for that.
A few questions if I may;
1) Does the XML approach work with MP4 screenr files? Currently causing me some pain
2) Can this code/logo replace the "Powered By Articulate" logo in the bottem left of the screen?
3) If the Articulate Powered by Logo is replaced by the code/logo does than mean you can’t put another SWF on the main slide?
Sorry for all the questions


  1. It should... it's really based on Phil's code so he might know better but I see no reason why it wouldn't...
  2. Great idea. Im not certian if I sized it correctly for that. Also, perhaps I should add the ability to insert a link.
  3. You should be able to include a swf on the main slide (either way).

Don't apologize for asking questions, they inspire me!

On a side note... wouldn't it be great to be able to add more then swf to the slide?

I want to use a preloader like this one, but I had set up my template to not show the logo panel.Does the logo panel need to be visible to use?

Thank you

Never mind. I found the answer here:

(For others, the answer is, yes, the logo panel needs to be visible).

Thanks anyway!

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
  • Images can be added to this post.
  • You may use [inline:xx] tags to display uploaded files or images inline.
  • You may use <swf file="song.mp3"> to display Flash files inline
  • Twitter-style @usersnames are linked to their Twitter account pages.
  • Twitter-style #hashtags are linked to

More information about formatting options

This question is for testing whether you are a human visitor and to prevent automated spam submissions.
  _             _     _           _         _            _                                    
(_) (_) (_) _ (_) (_) (_)
(_) (_) (_) _ (_) _ _ (_) _ _ _ _ _
(_) _ (_) (_) _ (_) (_)(_) (_)(_)(_)(_)_ (_)_ _(_)
(_) _(_)_ (_) (_)(_) _ (_) (_) (_) (_)_ _(_)
(_) (_) (_) (_) (_) (_) _ (_) (_) (_) (_)_ _(_)
(_)_(_) (_)_(_) (_) (_) _ _ (_) _ (_) _ _ _(_) (_)_(_)
(_) (_) (_) (_) (_)(_)(_) (_)(_)(_)(_) (_)

Enter the code depicted in ASCII art style.