HTML5 Development with solidBrowserTab
This chapter describes how the HTML5 UI development on a EKT STB is intended. The basic development setup as well as the interaction with the tools is described below.
Development Setup
Info
The development environment for UI development on solidTV shall contain the following prerequisites:
- Chromium/Chrome browser on a PC
- Local web server on the PC or a HTML5 build system like react (with integrated web server)
- EKT development STB with network connection
- HTML5 code editor
The development result can be validated in time on the STB when the following setup is used. The STB is connected to the same network like the developer PC and the IP address of both systems is known. The desired HTML5 page shall be hosted on the developer PC on the web server. The browser on the STB aka solidBrowser opens the URL of the developed HTML5 page hosted on the developer PC.
Loading the development HTML5 page on the solidBrowser can be achieved with the following command which is executed on the STB linux console.
solidBrowserTab new mypage http://<ip address and port development web server>/
solidBrowserTab show mypage
With the above command the solidBrowser loads the HTML5 development page and displays it on the TV/Monitor which is connected to the STB).
Debugging
This chapter addresses the HTML5 debugging on the STB and outlines the needed steps to configure and use the debugging capabilities of the STB. There are 2 options to debug HTML5 pages on the STB.