Giter Club home page Giter Club logo

jellyfin-mods's People

Contributors

bobhasnosoul avatar dab2020 avatar jramseygreen avatar levisnoot avatar panda260 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

jellyfin-mods's Issues

Setting default Library Order

Would be nice to have an addition where you can force the standard library order until a user specifies their own custom order, sort of like the backdrop mod.

Force backdrops for all users for new stable 10.8 !

Hello,

On the new 10.8.0 stable, I get this on the original package file:

,enableBackdrops:function(){return x}

I replaced with

,enableBackdrops:function(){return _}

And it work !
Trick is just inverted, can you explain this ? :D

trailers-tab-to-requests-tab doesn't work?

Does trailers-tab-to-requests-tab not work anymore or am I doing something wrong?
https://github.com/BobHasNoSoul/jellyfin-mods#trailers-tab-to-requests-tab
This is in my Dockerfile:

# Replace Trailers tab to Requests tab
RUN find / -name "movies-moviesrecommended.*.bundle.js" -exec sed -i 's+{name:h.ZP.translate("Trailers")}+{name:h.ZP.translate("Wunsch")})}+g' {} \;
RUN find / -name "movies-movies-html.*.bundle.js" -exec sed -i 's&<div class="pageTabContent" id="trailersTab" data-index="2"> <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom"> <div class="paging"></div> <button is="paper-icon-button-light" class="btnSort autoSize" title="${Sort}"><span class="material-icons sort_by_alpha"></span></button> <button is="paper-icon-button-light" class="btnFilter autoSize" title="${Filter}"><span class="material-icons filter_list"></span></button> </div> <div class="alphaPicker alphaPicker-fixed alphaPicker-fixed-right alphaPicker-vertical"> </div> <div is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"> </div> <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom"> <div class="paging"></div> </div> </div> <div class="pageTabContent" id="favoritesTab" data-index="3"> <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom"> <div class="paging"></div> <button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><span class="material-icons view_comfy"></span></button> </div> <div is="emby-itemscontainer" class="itemsContainer padded-left padded-right"> </div> <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom"> <div class="paging"></div> </div> </div> <div class="pageTabContent" id="collectionsTab" data-index="4"> <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom"> <div class="paging"></div> <button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><span class="material-icons view_comfy"></span></button> <button is="paper-icon-button-light" class="btnSort autoSize" title="${Sort}"><span class="material-icons sort_by_alpha"></span></button> <button type="button" is="paper-icon-button-light" class="btnNewCollection autoSize"><span class="material-icons add"></span></button> </div> <div is="emby-itemscontainer" class="itemsContainer vertical-wrap centered padded-left padded-right" style="text-align:center"> </div> <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom"> <div class="paging"></div> </div> </div> &<div class="pageTabContent" id="trailersTab" data-index="2"> <div> <iframe src="https://wunsch.secureserver.de" width="100%" height="850px"></iframe> </div> </div> &g' {} \;

Logos issues

bob am i doing something wrong


<img src="C:/Program Files/Jellyfin/Server/jellyfin-web/logo.png" width=350px style="padding: 0px;display:block; margin-left: auto; margin-right: auto;">

i added this to my file and i get a blank image

image

img link c://Program Files/Jellyfin/Server/jellyfin-web/logo.jpg so i is correct. any ideas why this would be happening

Extra Space in the code

In the first part of Jellyfin-mods, for the force backdrops you seem to accidently have added a space
Like:
enableBackdrops:function() {return _}
where it should be
enableBackdrops:function(){return _}
same for what to replace with
It is
enableBackdrops:function() {return x}
while is should be
enableBackdrops:function(){return x}

Embed Google Fonts

is there a way to embed google fonts using css inside jellyfin without having to add the actual files to the directory

Compatibility with 10.9.x

10.9 is coming up, and I've had a look at main.jellyfin.bundle.js in an unstable build to see what kinds of changes to expect and figure out how to best adapt my config for the new version.

Unfortunately I was quickly overwhelmed, and since we're pretty much looking at compiled/obfuscated code I'm not really sure how to reverse engineer this so we can add the current tweaks in the repo to 10.9.x. For example, Adding logo to sidebar will now be obsolete as there is no reference to <div style="height:.5em;"></div>', in main.jellyfin.bundle.js. Forcing background has changed yet again and is now set to {return _} by default (although I think setting it to {return e} may do the trick in 10.9.x).

If anyone's willing to dive into the code with me so we can make a PR for 10.9, that'd be very much appreciated!

Trailers to requests mod in the JMP

Is it possible to apply the trailers to requests mod to Jellyfin Media Player?

I have tried patching the files in /usr/share/jellyfinmediaplayer/web-client/desktop/. The tab is renamed and the page shows the Jellyseerr login, but after entering the password nothing happens even though no error is logged.

addsnow doesnt work

Hi

for me doesnt work..

(Debian 9) id moved the files to /usr/share/jellyfin/web/seasonal

chmod +x /usr/share/jellyfin/web/seasonal/addsnow.sh

cd /usr/share/jellyfin/web/seasonal/

./addsnow.sh

./addsnow.sh: line 3: /usr/bin/sed: No such file or directory
adding snowstorm
./addsnow.sh: line 5: /usr/bin/sed: No such file or directory

seems like something wrong..

service jellyfin restart but still doesnt work.

Its possible is the prolem maybe with the Skinmanager? Forced CSS ?

Anyway how can i start it? Or should i just copie to some other folders? :)

Regards,

Zero.

Force Enable Backdrop in Jellyfin 10.9.6

In Jellyfin's earlier versions (don't exactly remember the version number), I tried the mod from this repository to force enable backdrop in Jellyfin and it worked. However, after updating to Jellyfin 10.9.6, I see this wasn't working, so I thought that the update might have rewritten the mod back to the initial code. But I found that my changes were still there, so I started to edit the return value and found that it works with either P or x.

So, in summary, for Jellyfin 10.9.6, to enable backdrop by default for new users, you ensure this string enableBackdrops:function() is set to return either P or x like:

enableBackdrops:function(){return P}

I have a question

In the login how can I add another button and how to remove the reset password.

Jellyfin/web folder is invalid for the web client

Hello, it's more of a question related to updating the docker version, if you happen to know.
When using volume mount, like described on your ReadMe, Jellyfin is able to generate all web files, and I can modify them ob that mounted folder (through the volume).
When binding the mount directly to the docker folder, however, it fails to create the files, with both jellyfin and linuxserver images, throwing :

[14:23:44] [ERR] [4] Main: The server is expected to host the web client, but the provided content directory is either invalid or empty: /jellyfin/jellyfin-web. If you do not want to host the web client with the server, you may set the '--nowebclient' command line flag, or set'hostwebclient=false' in your config settings.
[14:23:44] [INF] [2] Main: Received a SIGTERM signal, shutting down

Would you happen to know why?

Pan and tilt the backdrops with fades in and out - Issue with aspect ration on MobileDevice

Me and my friend GPT made some ajustments to avoid error in aspectratio, you probably do better, but here is my contribution.

/* Animation /
@Keyframes backgroundScroll {
0% { background-position: 99% 1%; opacity: 0; filter: blur(0px); }
5% { opacity: 1; filter: blur(0px); } /
Makes the image visible more quickly /
33% { background-position: 50% 50%; opacity: 1; filter: blur(0px); }
40% { background-position: 99% 99%; opacity: 0; filter: blur(0px); }
66% { background-position: 50% 50%; filter: blur(0px); }
75% { background-position: 1% 1%; filter: blur(0px); }
100% { background-position: 50% 50%; opacity: 0.5; filter: blur(5px); } /
Lower opacity and more blur */
}

.backdropImage {
background-size: cover; /* Completely fills the element while maintaining the aspect ratio /
opacity: 0;
background-position: center center; /
Centers the image /
animation: backgroundScroll 60s ease-in-out 0s; /
Removes the 1s delay /
filter: blur(0px); /
Initially no blur */
}

/* Animation for mobile devices /
@Keyframes backgroundScrollmob {
0% { background-position: 99% 1%; opacity: 0; filter: blur(0px); }
5% { opacity: 1; filter: blur(0px); } /
Makes the image visible more quickly /
33% { background-position: 50% 50%; opacity: 1; filter: blur(0px); }
40% { background-position: 1% 99%; opacity: 0; filter: blur(0px); }
66% { background-position: 99% 50%; filter: blur(0px); }
75% { background-position: 99% 99%; filter: blur(0px); }
100% { background-position: 50% 50%; opacity: 0.5; filter: blur(5px); } /
Lower opacity and more blur */
}

@media (max-width: 600px) {
.backdropImage {
background-size: cover; /* Completely fills the element while maintaining the aspect ratio /
opacity: 0;
background-position: center center; /
Centers the image /
animation: backgroundScrollmob 60s ease-in-out 0s; /
Removes the 1s delay /
filter: blur(0px); /
Initially no blur */
}
}

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.