Code Monkey home page Code Monkey logo

inplayerepisodepreview's Introduction

In Player Episode Preview

About

This plugin adds an episode list to the video player, which allows you to preview every episode of the TV show without having to leave the player.

This modification is not dependent on a server-side plugin, it can also only be installed on the client. Works with the following clients:

  • Jellyfin Web Client
  • Jellyfin Media Player (JMP) Desktop Client

Features

  • List all episodes of a season
  • Switch between seasons
  • Show episode title, description, thumbnail and playback progress
  • Start a new episode (only on the desktop client)
  • Should work with custom themes

Preview

Used Theme: (SkinManager) Kaleidochromic

Installation

Jellyfin Web Client (Server)

NOTE: If you are using docker there could be permission issues while injection the script. Jellyscrub works in a similar fashion, checkout their readme for more information.

  1. Add the manifest https://raw.githubusercontent.com/Namo2/InPlayerEpisodePreview/master/manifest.json as a Jellyfin plugin repository to your server.
  2. Install the plugin InPlayerEpisodePreview from the repository.
  3. Restart the Jellyfin server.

Jellyfin Media Player (JMP) Desktop Client

This is the recommended way to install the script on the desktop client. If you don't feel comfortable editing the nativeshell.js file yourself (step 3 to 6), you can download the full release instead, which includes the script already added to the nativeshell.js file. It is yet unclear if there could be potential issues, replacing the nativeshell.js file with the one from the release, so it is recommended to follow all steps below.

  1. Download the latest release JMP or JMP-full (includes the script already added to the nativeshell.js file)
  2. Extract the zip file into your Jellyfin directory (e.g. C:\Program Files\Jellyfin\Jellyfin Media Player)
  3. Inside your Jellyfin directory follow the folder path "web-client\extension"
  4. Open the "nativeshell.js" file in a text editor.
  5. Inside the file find the section const plugins = [];. Add a new line at the start of the list and paste in 'inPlayerEpisodePreviewPlugin',. The section should now look similar to this:
const plugins = [
    'inPlayerEpisodePreviewPlugin',
    'mpvVideoPlayer',
    'mpvAudioPlayer',
    'jmpInputPlugin',
    'jmpUpdatePlugin',
    'jellyscrubPlugin',
    'skipIntroPlugin'
];
  1. Save the file and restart the JMP client.

Drawbacks

  • The plugin will download some extra data like the episode description.
  • It is not possible to start another episode on the web client.

Credits

The plugin structure is based and inspired on the Jellyscrub plugin by NickNSY.

inplayerepisodepreview's People

Contributors

namo2 avatar abandonedcart avatar fovty avatar tsfoni 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.