Video Splash Screen Demos

Video Splash Screen displays a short video while the application is loading and a static image after the video finished and the application is not loaded yet.

Load timeline

The video terminates after one of the events below. You have to choose one of them for your application:

• video-finished — the application will be shown after the video has done playing
• first-paint — the application will be shown after the page has been loaded;
  this means the DOM structure, inline and synchronous script files
• complete — the application will be shown when it has finished fully loading;
  this means the DOM structure, inline, synchronous and asynchronous/deferred script files and all images; the completed event corresponds to JavaScript window.onload event
• custom — the application will not be shown until window.screen.show() method from JavaScript is called

Examples in this repository:

To see, how to prepare a package with a widget, see Using the examples.

Example	Short description
First paint	The application screen should appear as the first paint of the page becomes available.
First paint B	Similar to "First paint", but it uses async scripts, some of which should still be loading after focus log.
Completed load	The application screen should appear with the load event.
Completed load B	Similar to "Completed load", but it uses async scripts, which introduces significant delay for the load event.
Video finished	The video-finished event is received by the runtime, when the video is no longer playing.
Custom event	The application screen should appear once the application calls window.screen.show().
None	This example does not use Video Splash Screen.

Background music

For all examples (but the None one) the background music in video files is sampled from "Bumbler" by Andy G. Cohen, released under Creative Commons Attribution International Licence and downloaded from Free Music Archive.