HTML App Packaging

All Apps must be packaged in a ZIP file. This ZIP file is delivered to all Players that are using the App, just like other files shown on screen (images, videos, etc.).

Example Folder structure

The ZIP file is extracted in the Player’s local storage, and the Web Viewer loads the index.html file found in the base folder of the ZIP file.

Minimum Required:

(ZIP base folder)
       |_______  index.html

Example with some assets:

(ZIP base folder)
       |_______  index.html
       |_______  css
                 |_______  base.css
                 |_______  custom.css
       |_______  images
                 |_______  image1.jpg
                 |_______  image2.png

Any links or references to asset files (like, js, CSS, or image files) should always be relative to work properly after the ZIP file is extracted.

package html widget

package html widget

Wrong Zipping method

If you have copied your custom app with all the required files to a folder named ” BlaBla ” and try to ZIP that folder, the player will not read the index.html file and therefore will not display your app on your TV screen. If your Custom app is shown as the below image on your PC’s RAR archiver, then you need to delete that folder and ZIP only the required files as we mention above.

Wrong Zipping method

wrong package html widget