Skip to content
Web extension making Firefox & Chrome emulate iTV webpages (HbbTV,CE-HTML,BML,OHTV) instead of downloading them
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_locales Video events patches Feb 4, 2018
css Video events patches Feb 4, 2018
docs test docs Feb 4, 2018
html Video events patches Feb 4, 2018
img Tiny fixes Jan 3, 2018
js Fix for BRAVE browser Sep 29, 2019
plugins Video events patches Feb 4, 2018
test Video events patches Feb 4, 2018
.eslintrc.json Video events patches Feb 4, 2018
.gitignore Updates for Chrome May 21, 2018
.travis.yml Travis CI add Apr 13, 2019
LICENSE Initial commit Jul 11, 2016
README.md Simplified example Apr 14, 2019
manifest.json Updates for Chrome May 21, 2018
manifest_chrome.json Updates for Chrome May 21, 2018
package-lock.json Updates for Chrome May 21, 2018
package.json Updates for Chrome May 21, 2018

README.md

 

           

A browser extension following such Hybrid interactive TV technologies:

hbbtv     oipf     atsc3     ohtv

Preamble

Be aware that if this browser extension version is still less than 1.0, do consider it as a prototype!

The purpose of this project is to avoid the default browser action which is to download various iTV (interactive television) application pages based on the HTML standard with some proprietary methods. Here this browser extension is detecting those pages and injecting during page load an emulation layer (plus a bottom UI toolbar). In addition, unrecognized video formats are also handled by external HTML5 video plugins.

This browser extension is available for free on those distribution platforms:

Browser: Mozilla Firefox (V57+) Google Chrome Apple Safari
Extension: no free publishing.
See dev install in wiki
no support for Web Extensions yet

Please note that not all video codecs are recognized in current (i.e. 2019) browsers:

Browser: Mozilla Firefox (V57+) Google Chrome Apple Safari
Codec H.264: yes (embedded plugin by Cisco) yes yes
Codec H.265: no (not free license) yes here (win10+) yes (MacOS 10.13+)

If you need to create your own video stream (within TS or DASH container), I suggest you the well-known FFMPEG and MP4BOX tools.

Screenshot

Features

Feature Description
auto-detection an analysis of HTTP server headers plus inside HTML header & meta tags is performed
forced detection user on-clicked power button will force or disable iTV emulation (auto-saved in web extension local storage)
bottom bar underneath the screen rendering, the emulator is providing some buttons (colored keys, resolutions for zoomed rendering, ...)
iDTV customization the extension enables customization of various parameters (user-agent, OIPF capabilities, country, CAS id, DVB channels, ...)
external inputs it handles some external inputs such as CI+ APDU reply message, Stream-Event content customization & triggering, DVB channels with customized LCN, ...
video support it handles the rendering of browser unrecognized broadcast video stream: Mpeg-TS and Mpeg-DASH (with the help of external libraries)

Usage

You can use the arrow keys ,,,, enter and backspace keys to navigate inside the emulated iTV application.
Colored keys are also mapped to R, G, B and Y keyboard keys.

For more info, have a look at the Wiki page.

Examples

The purpose of this extension is mainly to validate the MIT-xperts test suite under CHROME and FIREFOX.
Here are some example URLs that have been extracted from various sources:

Name Source URL
MIT-xperts HbbTV test suite DTT & DVB-S TS stream http://itv.mit-xperts.com/hbbtvtest/
ARTE HbbTV French DTT TS http://www.arte.tv/hbbtvv2/index.html
ARTE CE-HTML Philips iDTV portal http://cehtml.arte.tv/de/2764896.cehtml
... Catalog (with dead ones) http://urju.de/hbbtv/

If you want to create your own HbbTV application, you can start with such code:

<!DOCTYPE html PUBLIC "-//HbbTV//1.1.1//EN" "http://www.hbbtv.org/dtd/HbbTV-1.1.1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>My 1st HbbTV app</title>
<meta http-equiv="Content-Type" content="application/vnd.hbbtv.xhtml+xml; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<style>* { margin:0; padding:0; background-repeat:no-repeat; font-family:"Tiresias Screenfont",sans-serif; }
#broadcast { position:absolute; top:0; left:0; width:1280px; height:720px; }
#title { position:absolute; top:200px; left:200px; width:100px; height:99px; font-size:32px; color:red; }</style>
<script type="text/javascript">
//<![CDATA[
window.onload = function() {
  var app = document.getElementById('oipfAppMan');
  if (app && app.getOwnerApplication) app = app.getOwnerApplication(document);
  if (app && app.show) app.show(); // needed to show the HbbTV app on screen
  if (app && app.activate) app.activate();
  if (app && app.privateData) app.privateData.keyset.setValue(0x1f);
  function keyDown(event) {
	  switch(event.keyCode) {
		  case 13: case window.VK_ENTER:
			  document.getElementById('title').textContent = 'OK key pressed';
			  event.stopPropagation(); event.preventDefault(); return false; break;
		  default: return true;
	  }
  }
  window.addEventListener('keydown', keyDown.bind(this), false);
  window.focus();
  // Here is you app code ...
  document.getElementById('title').textContent = 'Hello from HbbTV';
};
//]]>
</script>
</head><body>
<object id="broadcast" type="video/broadcast"></object>
<object id="oipfAppMan" type="application/oipfApplicationManager" style="width:0; height:0;"></object>
<object id="oipfConfig" type="application/oipfConfiguration" style="width:0; height:0;"></object>

<div id="title"></div>
</body></html>

Please note that there are more information on the Wiki page.
You can also check your page validity content on this HbbTV validator.
I also recommend you the BBC Tal framework which handles HbbTV devices through configuration files.

Dependencies

This project is not modifying those libraries and only doing a dynamic dependency call at runtime on their CDN releases.

  • DASH.js 2.0: reference client to decode DASH manifest files and provide DASH segments to HTML5 EME video player
    • Copyright 2015 Dash Industry Forum with BSD license
  • MUX.js: useful library to transmux Mpeg-TS to MP4 on the fly
    • Copyright 2015 Brightcove with APACHE 2.0 license

Abbreviations

  • iTV: Interactive TeleVision
  • iDTV: Integrated Digital TeleVision
  • CI+: Common Interface
  • HLS: HTTP Live Streaming
  • DASH: Dynamic Adaptive Streaming over HTTP
  • DVB: Digital Video Broadcasting
  • DVB-T: Digital Video Broadcasting Terrestrial
  • DVB-C: Digital Video Broadcasting Cable
  • DVB-S: Digital Video Broadcasting Satellite
  • DVB-SI: DVB Service Information
  • AIT: Application Information Table
  • EIT: Event Information Table (can be Present / Following / Schedule events)
  • LCN: Logical Channel Number (using 3 or 4 digits)

References

  • MHP (Multimedia Home Platform) : Based on SUN JAVA technology working on GEM-MHP middleware
  • HbbTV (Hybrid Broadband Broadcast TeleVision) :
    • defined by current ETSI TS 102 796 V1.3.1 specifications (aka HbbTV V2.0)
      • bringing Companion Screen management and HTML5 video tag notation within HbbTV V2.0 only
    • following old MHP AITX structure
    • handling some CEA-2014 notations
    • implementing a subset of OIPF objects (with optional ones: +PVR +DL ...)
    • replacing device manufacturer's portal using OpApps TS 103 606 features
  • OHTV (Open Hybrid TV) : similar to HbbTV and used for example at iCON TV in KOREA by the national broadcaster KBS since 2010. Since 2016, it is now named IBB (Integrated Broadcast Broadband) defined by ITU-R BT.2267-6
  • BML (Broadcast Markup Language) : similar to HbbTV and defined by ARIB STD B-24 standard used in JAPAN over ISDB-T broadcasted channels like NHK
  • CE-HTML (Consumer Electronics HTML) : nowadays less used and only found on old devices.
  • OIPF (Open IPTV Forum) : used on some STB. Since 2014 activities have been transfered to HbbTV association.
  • ATSC (Advanced Television Systems Committee) : broadcast standard in USA where ATSC V3 follows HbbTV V2
  • OpenCaster : if you want to broadcast your application using an USB modulator (such as next Hides Inc one), you can package your TS file and broadcast it using this free software.
  • Hides Inc : this company is selling an USB DVB-T modulator named UT-100C.
You can’t perform that action at this time.