Adding Html5 to Web Page
This is a short tutorial explaining how to add Html5 animation content generated by KoolMoves or KoolShow to a web page.
The first step is to visit File > Export Settings. Non-advanced users are advised to use the default settings.
The second step is to generate the code that you will copy/paste to your existing web page. Select File > Export/Publish Movie > As Html5 Code. In the section called "1. Add to web page", there are two blocks of code: code that is to be placed between the <head> and </head> tags and code to be placed where you want the canvas object to display on the page.
Your existing Html can be edited using Notepad, Notepad++ (an excellent free source code editor), or your favorite web page editor. Don't use a word processing application like Word, because it will add special characters which will invalidate the Html.
Most problems occur in this section. Files that are referenced here weren't properly copied to the server -- they were copied to the wrong folder or weren't copied at all.
A complete listing of all the files and their relative file paths are shown at File > Export/Publish Movie > As Html5 Code in the section called " 2. Files that need to be uploaded to the server by ftp":
To diagnose issues with missing or misplaced files, use File > Export/Publish Movie > Confirm Required Files on Internet.
Use https://validator.w3.org/ or a similar Html validator to test the web page for Html errors. Gross errors can result in the animation not showing.
There is no universal browser support for all video and audio formats. For example, IE only supports MP4 but Opera doesn't support MP4. IE doesn't support wav audio. Consequently, it is important to include multiple formats for each video and audio object. If you see a blank video display or a video display saying error, you probably are missing one or more formats in the video content setup. To remedy the situation, double-click on the video object on the stage in KoolMoves or KoolShow to get its properties and edit the Content property.