youtube-webos-cobalt-app

Fork

This application is a rework of https://github.com/webosbrew/youtube-webos to only use div tag.

The aim of this application is to be used on Cobalt browser which only support a subset of HTML tags.

This repository https://github.com/GuillaumeSmaha/youtube-webos-cobalt-browser provided a way to inject this web application into the official Youtube App.

Presentation

YouTube App with extended functionalities

Features

• Advertisements blocking
• SponsorBlock integration
• Autostart

Note: Configuration screen can be opened by pressing 🟩 GREEN button on the remote.

Pre-requisites

• Official YouTube app needs to be uninstalled before installation.

Installation

• Use webOS Homebrew Channel - app is published in official webosbrew repo
• Use Device Manager app - see Releases for a prebuilt .ipk binary file
• Use official webOS/webOS OSE SDK: ares-install youtube...ipk (for webOS SDK configuration see below)

Configuration

Configuration screen can be opened by pressing 🟩 GREEN button on the remote.

On a computer browser, char key = can be used on open it.

Autostart

In order to autostart an application the following command needs to be executed via SSH or Telnet:

luna-send-pub -n 1 'luna://com.webos.service.eim/addDevice' '{"appId":"youtube.leanback.v4","pigImage":"","mvpdIcon":""}'

This will make "YouTube AdFree" display as an eligible input application (next to HDMI/Live TV, etc...), and, if it was the last selected input, it will be automatically launched when turning on the TV.

This will also greatly increase startup performance, since it will be runnning constantly in the background, at the cost of increased idle memory usage. (so far, relatively unnoticable in normal usage)

In order to disable autostart run this:

luna-send -n 1 'luna://com.webos.service.eim/deleteDevice' '{"appId":"youtube.leanback.v4"}'

Building

• Clone the repository

git clone https://github.com/GuillaumeSmaha/youtube-webos-cobalt-app.git

• Enter the folder and build the App, this will generate the *.css and *.js files in output directory.

cd youtube-webos-cobalt-app

# Install dependencies (need to do this only when updating local repository / package.json is changed)
npm install

npm run build && npm run package

Production build

When providing a change on a pull request, build the *.css and *.js files with the following command:

npm run buildprod && npm run package

Development TV setup

Configuring @webosose/ares-cli with Developer Mode App

This is partially based on: https://webostv.developer.lge.com/develop/app-test/using-devmode-app/

• Install Developer Mode app from Content Store
• Enable developer mode, enable keyserver
• Download TV's private key: http://TV_IP:9991/webos_rsa
• Configure the device using ares-setup-device (-a may need to be replaced with -m if device named webos is already configured)
  • PASSPHRASE is the 6-character passphrase printed on screen in developer mode app

ares-setup-device -a webos -i "username=prisoner" -i "privatekey=/path/to/downloaded/webos_rsa" -i "passphrase=PASSPHRASE" -i "host=TV_IP" -i "port=9922"

Configuring @webosose/ares-cli with Homebrew Channel / root

• Enable sshd in Homebrew Channel app
• Generate ssh key on developer machine (ssh-keygen)
• Copy the public key (id_rsa.pub) to /home/root/.ssh/authorized_keys on TV
• Configure the device using ares-setup-device (-a may need to be replaced with -m if device named webos is already configured)

ares-setup-device -a webos -i "username=root" -i "privatekey=/path/to/id_rsa" -i "passphrase=SSH_KEY_PASSPHRASE" -i "host=TV_IP" -i "port=22"

Note: @webosose/ares-cli doesn't need to be installed globally - you can use a package installed locally after npm install in this repo by just prefixing above commands with local path, like so: node_modules/.bin/ares-setup-device ...

Installation

npm run deploy

Launching

• The app will be available in the TV's app list or launch it using ares-cli.

npm run launch

To jump immediately into some specific video use:

npm run launch -- -p '{"contentTarget":"v=F8PGWLvn1mQ"}'