Discover webOS TV

Logo of LG Smart+: weBOS

webOS TV is a web-centric platform that powers the LG Smart+ TV. webOS TV is a developer-friendly platform with powerful capabilities that you can leverage for creating feature-rich web apps. Best of all, webOS TV is based on technologies you are already familiar with like HTML, JavaScript, CSS, so you can choose the way you want to develop.

Let's start by getting to know the webOS TV System UI.

webOS TV System UI

How will users access apps on LG Smart+ TVs, how will they launch them, switch between them, etc.?

It is essential for you to understand how the webOS TV system UI manages apps on LG Smart+ TVs so that you create your apps appropriately. The core webOS TV system UI consists of the Home, the Launcher, and the Recents.

webOS TV 4.0 Home.png​​

UI Description
Smart Home The Smart Home allows users to access and launch their favorite apps or input devices. It also allows the user to access the currently running app.
Launcher The Launcher allows users to access, launch, and manage all sources including apps and input devices.
Recents The Recents allows users to switch quickly between open apps and input devices.

To learn more about the Recents UI, see Overview of System UI.

webOS TV Under the Hood

This section provides a high-level overview of webOS TV and the possibilities. It will help you determine the best solution for your business needs.

webOS_TV_System_Component.png

webOS TV System Components

webOS TV is based on Linux. The core of webOS TV is a rich set of essential services that enable apps to manage media, devices, security, networking, TV functionality and more. 

The System Bus is a channel through which apps communicate with the services available on webOS TV. In the diagram above, App Manager, Media, etc. are examples of webOS services that apps can access through the webOS TV System Bus. Apps can also access custom services (provided by 3rd party developers) through the System Bus.

Web Apps

Web apps built for webOS TV are very similar to standard web apps. You can create web apps for webOS TV using standards-based web technologies like HTML, CSS, and JavaScript. Anyone with experience in building web applications can easily start developing web apps for webOS TV.

Web apps for webOS TV:

  • Are typically optimized for larger displays.

  • Are designed for a lean-back experience vs. the lean-forward for web apps used on a mobile device.

  • Can be implemented by various JavaScript app frameworks such as Enact, Enyo, jQuery, and more.

There are two types of web apps you can build for webOS TV:

  • Packaged web apps: Packaged web apps reside on the TV. Packaged web apps have most of the resources they need to work successfully, available on the TV.

  • Hosted (Server Hosted) web apps: Hosted web apps reside on a remote web server. Users access them through an Internet browser. You can build hosted web apps for webOS TV using standard web technologies like HTML, CSS, and Javascript. These apps need connectivity to the web server to run successfully. As these apps reside on a remote web server, you can update them at any time without having to worry about pushing updates to the TV.

To learn more about web apps for webOS TV, see App Development.

Enyo Moonstone TV UI Library

The Enyo is a cross-platform JavaScript app framework and integrated with webOS TV. It includes the Enyo Moonstone library that provides a rich set of UI controls specifically designed to help create TV web apps with a lean-back design.

To learn more about the Moonstone UI controls, see Enyo UI Controls.
To learn more about the Enyo App Framework, see Enyo.

Enact Moonstone TV UI Library

Enact is a new JavaScript app framework built around the React UI library that is easy to use, performant and customizable. Enact provides the building blocks for creating robust and maintainable applications. To let developers update their apps, Enact also supports Moonstone library.

To learn more about the Moonstone UI controls, see Moonstone Library.
To learn more about the Enact App Framework, see Enact.

JavaScript Services

webOS TV supports JavaScript services. The webOS TV JavaScript services are created using Node.js. JavaScript services can perform background processing, low-level networking, access the file system and more. Apps can access the webOS JavaScript services through the webOS TV System Bus.

To learn more about webOS TV JavaScript Services, see JavaScript Services.

Connect SDK

Connect SDK is an open source framework (developed by LG) that connects mobile apps to multiple TV platforms. Connect SDK enables webOS TV apps to be promoted through the mobile apps using Connect SDK. To learn more about Connect SDK, see ConnectSDK.com.

Navigation