HbbTV Sample App

_{Applies to: HbbTV Applications build with HTML5 or CE-HTML
Last Modified on 2020-06-24T16:45:07.527Z}

We have put together a simple HbbTV app to illustrate the basic use of the smartclientcore JavaScript library on SmartTVs.

On the next pages we are going to demonstrate how to integrate the library and request ads at any point during the playback of the content.

Table of contents

• Implementation Guide
  • Preparation Tasks
  • Installing
  • Safeguarding the Video Player
  • Creating an Ad Controller
  • Initializing an Ad Break

What is in the package

Project files:

• index.html - Sample HbbTV App
• assets/
  • preview.css - Video Player and UI style specs.
  • SC_Logo_Horizontal_Small_White.svg
• docs/
  • index.md - This file.
  • implementation-*.md - Implementation Guide for the Sample HbbTV App
• js/
  • adController.js - Advertising initialization and scheduling
  • ceHtmlFacade.js - Player facade for the smartclientcore.
  • main.js - Basic Video Player logic
• vendor_modules/
  • bluebird/
    • bluebird.js- A promise library released under the MIT license.
  • smartclip/
    • CHANGELOG.md
    • FacadeBase.js - Player facade interface definition in ES6.
    • smartclientcore.min.js - Download from smartclip's SDK page
    • docs/
      • index.md - API and setup documentation.
      • ...

Next: Implementation Guide