Jump to content

Emby Homepage "Spotlight Widget" Proof of Concept


Recommended Posts

Posted

New version on Github

  • Add mobile friendly view
  • Like 1
  • Thanks 1
  • 3 weeks later...
Posted

Awesome stuff! Looks incredibly good!

Sadly hard to implement in the docker version. :(
Would love for the devs to implement an easy way to customize the UI.

  • Like 2
  • 3 weeks later...
Posted

You should be able to add this to the Unraid docker version without actually changing any Emby files so it will be fully reverseable if needed.

1. Open the console for the Emby container.
2. Go to system/dashboard-ui
3. Copy the index.html to one of your media drives so you can access it
4. Optional: Move the index.html to another folder you would like it to be in.
5. Edit: The index.html as explained in the readme on github.
6. Download the Spotlight.js from github and place it in the same folder (for ease sake lets say /mnt/cache/embystuff/).
7. Edit the docker container and add a new path.
---name: index
---container path: /system/dashboard-ui/index.html
---Host path: /mnt/cache/embystuff/index.html
8. Add a second new path and do the same for Spotlight.js
9. Start Emby.

image.thumb.png.72e6b0a6b5cd3d5de287c806b453b8c9.png

When you want to reverse it you just remove those paths again.
Basically what it does is tell docker that those files located somewhere else and not where they otherwise would be. Emby will not see anything different and work as normal.
This way any original files in Emby never gets touched.

Quick disclaimer: I havn't done this my self with this "plugin" hence why i said "it should work" so use at your own risk.
I have done it with other similar stuff though without problems.

  • Like 1
visproduction
Posted

OK, but wouldn't all the relative links in index.html stop working.  I think you would have to replace all the links with a corection link to locate any support files in the header and any other links.  Otherwise they would just stop working.  It's not a big thing, with a proper text editor and the correct replacement command it could all be done with pressing Enter once.

Posted (edited)
38 minutes ago, visproduction said:

OK, but wouldn't all the relative links in index.html stop working.  I think you would have to replace all the links with a corection link to locate any support files in the header and any other links.  Otherwise they would just stop working.  It's not a big thing, with a proper text editor and the correct replacement command it could all be done with pressing Enter once.

Should still work as Docker/Emby believes the file is still where it should be.
I will admit i not 100% sure but the things i have changed in the Emby files have worked with this method no problem.

Edited by yocker
Posted

@yockeris right this is just a file replacement and Emby will see it as the original file and be happy.

The good thing about this is that you don't mess with the internals of the container.

 

  • Like 1
  • 2 weeks later...
Posted (edited)

buenos días, en el caso de los servidores windows en que carpeta del servidor emby se puede colocar el complemento ?? de antemano gracias

Edited by Angel273
Posted
2 minutes ago, Angel273 said:

buenos días, en el caso de los servidores windows en que carpeta del servidor emby se puede colocar el complemento ?? de antemano gracias

https://github.com/v1rusnl/EmbySpotlight
 

Las instrucciones de instalación se encuentran en el repositorio de Github.

  • Agree 1
  • Thanks 1
  • 2 weeks later...
Posted

“Is there a built‑in option in EmbySpotlight to reduce the banner’s height/scale, or a recommended CSS/JS method to make it smaller?

Posted
10 minutes ago, ppo852 said:

“Is there a built‑in option in EmbySpotlight to reduce the banner’s height/scale, or a recommended CSS/JS method to make it smaller?

Line 198. Try height: min(40vmax, 45vh);

  • 4 weeks later...
arrbee99
Posted

Awesome as this is, am wondering if there's any way to trigger a refresh of the items randomly selected for display ? If not, then maybe.....?

Asazen
Posted (edited)

This amazing product should be installable via a direct plugin from Emby. For Synology NAS devices, you need to copy the files as root; otherwise, it won't allow you to copy them to system/dashboard-ui because it throws an access error.

Edited by Asazen
Mezmerize
Posted

Since today it suddenly stopped working :(, am i the only one?

sh0rty
Posted (edited)
2 minutes ago, Mezmerize said:

Since today it suddenly stopped working :(, am i the only one?

Did your server auto update from 4.9.1.90 to 4.9.3.0? If so, you need to set the widget up again. It's working here with the newest stable server version.

Edited by sh0rty
Mezmerize
Posted
2 minutes ago, sh0rty said:

Did your server auto update from 4.9.1.90 to 4.9.3.0? If so, you need to set the widget up again. It's working here with the newest stable server version.

Yes, it updated to 4.9.3.0. I reinstalled the widget (downloaded the widget freshly and put it into dashboard-ui folder), tried restarting Emby and the whole server, but no luck unfortunately.

sh0rty
Posted
1 minute ago, Mezmerize said:

Yes, it updated to 4.9.3.0. I reinstalled the widget (downloaded the widget freshly and put it into dashboard-ui folder), tried restarting Emby and the whole server, but no luck unfortunately.

You need to edit index.html (5. in repo manual)

Mezmerize
Posted
3 minutes ago, sh0rty said:

You need to edit index.html (5. in repo manual)

Oooh that's a step i missed.. I'm sorry. It works!

Really nice widget, enjoying it :)

  • Like 1
TheKingSG89
Posted (edited)

Looks amazing

Edited by TheKingSG89
TheKingSG89
Posted

hi im doing something wrong i put the file into dashboard ui im trying to put it on windows but i cant seem to get it to work i tried to copy the the file into css but nothing works any help would be great am i putting in the wrong place or dose this not work for windows users 

 

thanks 

sh0rty
Posted
Just now, TheKingSG89 said:

hi im doing something wrong i put the file into dashboard ui im trying to put it on windows but i cant seem to get it to work i tried to copy the the file into css but nothing works any help would be great am i putting in the wrong place or dose this not work for windows users 

 

thanks 

Just do exactly the steps in the github repo Readme. It doesn't get clearer than that.

TheKingSG89
Posted

@sh0rtySorry Missed that all work looks stuuning shame we can't get this on tv would look great

  • Like 1
KobayashiM
Posted

@sh0rtyThis mod is sick, BIG thank you! Like many users, I've been wanting it as a feature for years. I'm looking forward to future development.

  • 2 weeks later...
sh0rty
Posted (edited)

Last version of the Plugin from my side with Trailer support in Github. Beware: strictly experimental since overkill settings (number of items + resolution settings) can influence the widget load time.

@arrbee99Refresh button included.

Important: Ctrl-Shift-R  Emby page after changes to the js file.

Edited by sh0rty
  • Like 2

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...