bobhasnosoul / jellyfin-mods Goto Github PK
View Code? Open in Web Editor NEWThis is just a guide for various modifications and dumping ground for jellyfin mods so i dont have to make a new jftool for every platform and revision
This is just a guide for various modifications and dumping ground for jellyfin mods so i dont have to make a new jftool for every platform and revision
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.
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
I cant find this file even in old version, only snow.css and snowstorm.js
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' {} \;
Just to raise awareness of the issue outlined above, since 10.8 I can not get the logo working in the sidebar. Same issue across 2 instances.
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
img link c://Program Files/Jellyfin/Server/jellyfin-web/logo.jpg so i is correct. any ideas why this would be happening
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}
is there a way to embed google fonts using css inside jellyfin without having to add the actual files to the directory
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!
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.
https://github.com/jumoog/intro-skipper is more update and developed then plugin listed.
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.
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}
In the login how can I add another button and how to remove the reset password.
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?
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 */
}
}
Not sure how to add an actual icon, or what .css file would need to be edited. Could we get more detailed instructions. Thanks.
please consider this if you have time. The old JFTool does not contain a 10.7 solution for extrafanart mod.
Sincerely
The domain required for https://github.com/BobHasNoSoul/jellyfin-mods/tree/main?tab=readme-ov-file#seasonal-animations No longer resolves. (http://git.bbod.tk/BobHasNoSoul/jellyfin-mods.git)
https://github.com/BobHasNoSoul/jellyfin-mods/blob/main/10.9.x.md#adding-your-logo-at-the-top-of-the-login-page-109x maybe this is what you are looking for on the forum.. for some reason my account is locked out and the password recovery on the jf forums isnt working
i believe this is the correct account to mention if not please ignore @kevinnord
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.