Giter Club home page Giter Club logo

emby-web-defaultskin's Introduction

emby-web-defaultskin

This default skin for Emby Theater. To create your own skin, follow these steps:

  • Fork this repository. After forking, you'll probably want to rename it.
  • Update package.json (see below).
  • Update skininfo.js with your unique names.
  • Update plugin.js to change the skin name and id, matching the values from skininfo.js
  • Update the installation url below.

package.json

This file is used to display information about your add-on in places such as the installation screen, installed packages list, and catalog.

  • name is your package name, and should have no spaces or special characters. This is a package name and is intended to be unique. Changing the name will cause the application to view it as a completely new package.
  • update displayName as desired.
  • update thumb to supply an image for display. this should be 16*9. It can be a relative or full url.
  • if desired, update backdrop to supply a background image. this should be 16*9. It can be a relative or full url.

Installation

Install into the app by installing a plugin from a url. The url is: http://mediabrowser.github.io/emby-web-defaultskin/package.json

Local Testing

To test locally, install NodeJS, then install the http server module using:

npm install http-server -g

To start the server, enter

http-server -p 8088 --cors

Now you can install into Emby Theater using the http://localhost:8088/package.json

To do this: type http://localhost:8088 into your browser bar. (This will confirm that 1. The server is running and 2 you can access your repository. Next, find your folder for your theme and locate the package.json file. Click this and you should see what's written in the the package.json in your browser Copy this address (CTRL+C) Go into tv.emby.media. Go to settings and Select "Installed Plugins" Select Install plugin, then select from URL and then paste your copied address in. You should have your theme loaded. Now load it from the Display Settings Menu and your done.

Develop with Chrome

For rapid development, use the hosted version of Emby Theater:

http://tv.emby.media

This will allow you to perform all development activities using Chrome and it's excellent debugging tools.

emby-web-defaultskin's People

Contributors

cheesegeezer avatar lukepulverenti avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.