kodi.webinterface.shadowPlayer

An external video player that synchronizes its playback with Kodi.

Links

• Download Kodi
• My Kodi addon repository http://kodi.bailey.geek.nz/

Supported Browsers

Shadow Player uses the HTML <video> and <audio> tags to play audio and video. Different browsers support different media formats - see this MDN article for more information. A modern browser such as Firefox is recommended.

Installation

Installation (Latest version)

The latest version can be installed from within Kodi after installing Sam's Kodi addon repository.

repository.samsaddons-1.0.1.zip

Download the zip file above then use "Install add-on from zip file" in Kodi to install. More detailed instructions are available here - note that you need to enable the "Unknown Source" option in Settings/System/Add-ons first.

The repository will be added to the "Install from repository" menu in Kodi's Add-on browser.

Then install the Shadow Player addon from within Kodi (v18 or above) by going to:

1. Settings
2. Add-ons
3. Install from repository
4. Sam's Kodi addon repository
5. Web interface
6. Shadow Player
7. Install

Configuration

See also: kodi.wiki/view/web_interface

After installation, the web interface can be enabled from within Kodi by going to:

1. Settings
2. Service Settings
3. Control

You need to turn on "Allow remote control via HTTP". I use the following settings:

• Allow remote control via HTTP: on
• Port: 80
• Username: kodi
• Password:
• Web interface: Shadow Player

You can then visit http://localhost/ in your web browser to use Shadow Player. (If this doesn't work, try http://localhost:8080/.)

Usage

To access Kodi from another device on your network you'll need to find your computer's name or ip address. Then visit http://<computer name>/ or http://<ip address>/ in your web browser to use Shadow Player.

Development

Installation (Development version)

To install the development version, use Git to clone this repository into your Kodi plugins directory. Make sure you use the --recursive option. "Shadow Player development version" will appear under the "My addons" menu and can be set up like any other web interface.

This version takes a long time to load because the build process happens in the browser. This means it can be used without running the build command - a feature that lets us rapidly build and test a http://kangax.github.io/compat-table/ web application without modifying Kodi's basic built-in web server. To do this, the index.html file in the root directory loads SystemJS, which uses jspm and Babel to download, compile and load the es7 modules and their dependencies from within the browser.

Note that styles (CSS) can't be compiled in the browser using PostCSS-cssnext so this version requires a modern browser. Its also slower than the other versions and takes a very long time to load. A faster version can be built using the npm run build command (see below).

Building

npm install
jspm install
npm run build

A self-contained build will be saved into the ./build folder.

Stack

Artwork

• Estuary (Kodi skin) (Menu icons)

Libraries

• Vue.js - User Interface
  • Awesome Vue.js - Icons
  • vue-slider-component - Progress and volume sliders
  • Hammer.js - Touch support (using vue-touch)

Development tools

• Babel - Latest JavaScript (ES7) syntax support
• PostCSS-cssnext - Latest CSS syntax support
• SystemJS - Dynamic Module loader
• jspm - Browser package management
• npm - Build tool

DevOps tools

• Bitbucket Pipelines - Automatic builds (see Sam's Kodi addon repository)