Skip to content

Static website to display your plex collection and search through it. Useful for sharing with friends and family to let them search your collection without access to Plex itself.

License

Notifications You must be signed in to change notification settings

UNICodehORN/plex-movie-collection

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Plex Movie Collection

Simple static self-hostable website to visualize the own plex movie collection. Allows to search for movies in the collection without need to grant access to plex server.

Movies can be filtered by special attributes (e.g. "Steelbooks").

Screenshot of frontpage Screenshot of detail view Screenshot of pagination

Requirements

  1. Export from Plex movie collection with WebTools-NG
  2. Webserver (e.g. nginx or apache)

Setup

  1. Just clone or download the files in this repo.
  2. Move the files to a desired directory on your webserver.
  3. Export your desired plex movie collection with WebTools-NG.
  4. Ensure you select all necessary fields (see assets/movielist.csv for an example export) and you also export the posters.
  5. Rename your csv-export to movielist.csv and move it into the assets subdirectory.
  6. Move all posters into assets/poster subdirectory. Naming convention for posters should be "movie-name (year)/movie-name (year).jpg".
  7. Open the root of your webserver where you placed the files in your browser (e.g. http://127.0.0.1/subdir)

Filter

In config/config.json you can define filters which are displayed as buttons at the top and allow to filter the entire collection for some defined rules.

Filter Parameters

name

Internal name of the filter, must be unique as it is used as an id.

label

Display name of the filter. Will be used for the filter button as label and for each movie as label.

field

Name of the field in movielist.csv where the rule should be checked.

rule

Currently the only rule supported is 'contains'. The rule triggers when field contains the needle.

needle

Case sensitive needle to use for the rule if applicable.

icon (optional)

Name of an icon in assets/css directory which can be used instead of the label.

labelOnly (default: false)

If set to true, in filters icon will be displayed in front of label. In movie card it will be used instead of the label.

btn-css (optional)

Css class(es) to add to the filter button in movie card. Can be used to change font and background color for example.

Credits

The website is based on the CSS template by Li Shang https://codepen.io/li-shang/pen/KEKowv. For the export WebTools-NG is needed. Plex server needed to create an export.

About

Static website to display your plex collection and search through it. Useful for sharing with friends and family to let them search your collection without access to Plex itself.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published