Jump to content

EMBY THEME NETFLIX


meganitro
 Share

Recommended Posts

meganitro

I'm opening this topic for issues related to people like me who are looking for a theme or a css code that makes the emby homepage more dynamic like netflix.
I have some knowledge in html, php, mysql and css, not much but with the little I will also be trying to help our friends who, like me, are looking for a pleasant interface in emby. I come across this dilemma at home, I have netflix subscription and update emby daily, but my kids and wife still use emby because of the home screen. for this reason I look for a way of the emby system to be better.

  • Like 1
  • Thanks 1
Link to comment
Share on other sites

meganitro

if there are more people like me, I can try to start with a theme here and I ask for everyone's help so that we can go without deviating from our focus to make Emby much more attractive and be the first choice of many.
I await your comments to know if it is worth in this group to proceed.

Link to comment
Share on other sites

meganitro

yesterday I was doing the css code and I came across an obstacle, the css code that is placed on the initial screen of the emby administration only applies when emby is opened on the web, I will check now on the theme that also applies on android.
But in the meantime I would like to know if more people have the same focus as me to get an improved appearance, a little similar to net flix but with the advantages of emby which in my opinion is a great server.

Link to comment
Share on other sites

Hi.  CSS only applies to the web interface.

What, exactly, about the Netflix interface are you wanting to mimic in Emby?

Link to comment
Share on other sites

meganitro

to be similar to the original interface, but not taking away the focus with the emby logo and the rest of the libraries that I think is a very strong point of emby, live tv, dvr among others that I think is very good

Link to comment
Share on other sites

meganitro

at this point i was studying to create a theme and see if it would apply well on android system.
My focus is people who have netflix and emby on android, prefer emby

Link to comment
Share on other sites

meganitro

I checked the css topic but nothing is like I'm looking for, I'll give an example in images to understand.
In the image I attached, the background image would like a trailer to be passing by, if not, the image remains. this is the emby splash screen, this screen has to be in random or a movie chosen by the administrator. at the bottom where there are the most popular movies, I would like the most watched movies in the last month to appear, at the top where the emby logo is, the my media menu.

screenshot.png

Link to comment
Share on other sites

visproduction

Meg,  Look at the page in Mobile using the browser inspect.  Sometimes your design choices may change.  For example, how would you show the watched movies of the month in the upper left area in mobile, when you don't have enough screen space?  With some effort using CSS, you could move sections around, but then it become less user friendly, because the mobile works differently from the desktop.  I think using up the space ontop for listings of popular videos can maybe be done with a link, rather than thumbnails.  The top space is too valuable.  

Maybe the easiest way to list watched movies of the last 30 days. 45 days 60 days... is to make a feature request to add this search result list to the home screen section.  It's a more complicated search and results will be really different for servers that have a lot of traffic compared to very little traffic.   The last watched would only show up on the home page, but I think that makes more sense than putting them on a media page, where the user is trying to see the poster and decide to watch the one movie or not.

There is a way to play trailers that works now.  There is a setup option and then you put the trailer in the right sub-folder in with the media folder.  Normally, it plays in the background for the whole screen and auto replays. CSS styles could move it to the upper right, but this setting appears to make all screen get trailers and if a menu screen has no trailer assigned, it starts getting random trailers.

Maybe this is discussed in the forum, how to stop the trailers from replaying and stop them from working in all menu screens.  At that point, I gave up and just turned it off.  Turning a trailer on with a click, requires some javscript event button and that would require additional .js files to be loaded.  So perhaps that is a plug-in  possibility.  Maybe CSS can start the video with a mouseover, but clicking is more user friendly.  The other problem, I noticed is that setting the style for the trailer playing  in the background also change the background images for all screens.  Not nice.  You really would want the trailer to have it's own div.  Can a plug in do that?  This is perhaps more of a new feature.

Finally, putting a trailer up somewhere on the page, you also should design it to work on iPad, and phones.  So where would the trailer be then?  Is it turned off?  Just clicking on the trailer button to watch a trailer pulled from Youtube, seems rather like a nice choice, the way it is.  User has control, less info is forced on the user.  I would actually vote to leave the trailer option the way it is.

 

 

Edited by visproduction
Link to comment
Share on other sites

meganitro

I understood the question.
The best option for what I want would be for computer.
in some things they don't express well, I didn't understand myself after reading lol.
The question I wanted to pose was:
when opening the emby, it would bring a random movie at first and then the libraries.

Link to comment
Share on other sites

21 minutes ago, meganitro said:

when opening the emby, it would bring a random movie at first and then the libraries

 

Link to comment
Share on other sites

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
 Share

×
×
  • Create New...