You can check the version in Blender->User Preferences->Add-Ons. Scroll to Blend4Web and click the little arrow so that the options drop down. There you see the version number.
I have two suggestions to offer:
1. The Webplayer itself is a project under your /projects folder (in older B4W versions it's somewhere else), so it should be possible to change its preloader to your own and recompile it. Then you export your project to HTML and it should have your custom preloader. Then you may want to restore the original webplayer - unless you want every future exported HTML project to have your preloader.
2. But I found that all too complicated, and I don't want to change the webplayer, so I came up with a quick "hack"
to put a custom preloader directly and only into an exported HTML, without recompiling anything. This is fast and simple: You look for the two spots in the exported HTML's source code where the preloader div
and the preloader callback function
are. You set the original preloader div's content to "display:none"
, add your own content to the div, and then your own code to the callback. If you run the HTML, your preloader will play. (Actually, your preloader AND the standard preloader will both play, but only yours will be visible.)
This works fine. I've attached a demo HTML file. (It's the default cube project exported to HTML.) Look at the source. The changes are
- in line 13 (where I added my CSS)
- in line 1698 (where I added my preloader CODE; the function function X(a)
is actually the preloader_callback function; and the passed variable "a" contains the percentage!)
- in line 3380 (where I added my preloader HTML CONTENT). Note how I set the divs "bg"
IMPORTANT: Do NOT delete the original content of the preloader callback and the preloader divs because then the preloader will throw errors and not close properly after running. (This is why I set the original content to display:none, rather than just deleting it.)
You should be able to replicate this for your project.