POSTERS (Alpha) - A Web based Dynamic Now Playing Poster App for Emby

[italianstallion11885 0]

I can't figure out what I'm doing wrong. Just launched the index.html in chrome. When I put in my URL and port and click discover it just blanks itself out again. I'm assuming it isn't able to connect. Is there any special formatting? I tried just my local server IP with 8096 as the port. http://serverIP. Can't seem to get it. I of course can go to that URL just fine in a browser to get to Emby.

[chef 3745]

53 minutes ago, italianstallion11885 said:

I can't figure out what I'm doing wrong. Just launched the index.html in chrome. When I put in my URL and port and click discover it just blanks itself out again. I'm assuming it isn't able to connect. Is there any special formatting? I tried just my local server IP with 8096 as the port. http://serverIP. Can't seem to get it. I of course can go to that URL just fine in a browser to get to Emby.

There shouldn't be anything special.

Does the dev console show any errors when you attempt server discovery?

[italianstallion11885 0]

Looks like CORS is throwing an error because I am just running the index.html with the file://  prefix. 

 

Access to fetch at 'file:///C:/Users/USERNAME/Downloads/PosterApp_v0.20/PosterApp/*.*.*.*:8096/emby/System/Info/Public' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

I'll keep playing with and maybe throw it in local web server. I'll keep you posted, thanks!

[Cheesegeezer 3086]

1 hour ago, italianstallion11885 said:

Looks like CORS is throwing an error because I am just running the index.html with the file://  prefix. 

 

Access to fetch at 'file:///C:/Users/USERNAME/Downloads/PosterApp_v0.20/PosterApp/*.*.*.*:8096/emby/System/Info/Public' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

I'll keep playing with and maybe throw it in local web server. I'll keep you posted, thanks!

Yup cors is a huge issue with cross IP’s. It’s a huge safety and security feature introduced in the last couple of years to prevent infiltration. But emby handles this well with their CORS policy as long as it has valid ip, port, device name, client, version and something else(can’t remember in the request, it should be fine. 
are you on https? As i don’t think at the moment poster app caters for this so this may throw your issue.

can you do a ctrl shift i and screen shot console tab errors and also network tab stack.

[chef 3745]

I wonder why CORs would be causing an issue all of a sudden.

I'm going to try with my local ip, and see. 

I've got one of those reverse proxies happening at my place, and the server has https so it is possible I'm not seeing the CORS issue.

I'll try posters from the same subnet as the server and see what happens.

[chef 3745]

Hmmm... 

I just tried locally, and it seemed to load okay from across the subnet.

I did receive a timeout err @ "Info/Public", but it did stop the app from contacting, and connecting to the server.

Maybe @italianstallion11885 you could tell  a little more about your network.

Any VPN's, or proxies happening?

 

[Cheesegeezer 3086]

14 hours ago, chef said:

I wonder why CORs would be causing an issue all of a sudden.

I'm going to try with my local ip, and see. 

I've got one of those reverse proxies happening at my place, and the server has https so it is possible I'm not seeing the CORS issue.

I'll try posters from the same subnet as the server and see what happens.

Ahhhhhh… Its looking for a file because you haven’t added the http to the call.

thats all, i made that mistake too. 
at the moment your call is

serverAdress + “:” + ServerPort …..

you need to add http:// + serverAdress + “:” + ServerPort …..

lol 

[Cheesegeezer 3086]

@chef

check this out

 

[chef 3745]

21 minutes ago, Cheesegeezer said:

Ahhhhhh… Its looking for a file because you haven’t added the http to the call.

thats all, i made that mistake too. 
at the moment your call is

serverAdress + “:” + ServerPort …..

you need to add http:// + serverAdress + “:” + ServerPort …..

lol 

Oh, I expected that users would add the http to the input.

I'll add some code to handle that.

[Cheesegeezer 3086]

5 minutes ago, chef said:

Oh, I expected that users would add the http to the input.

I'll add some code to handle that.

I know, hahaha  thats why i added the extra http field to the logon, at least the can add secure vs normal 

Edited June 18, 2022 by Cheesegeezer

[Cheesegeezer 3086]

17 hours ago, italianstallion11885 said:

Looks like CORS is throwing an error because I am just running the index.html with the file://  prefix. 

 

Access to fetch at 'file:///C:/Users/USERNAME/Downloads/PosterApp_v0.20/PosterApp/*.*.*.*:8096/emby/System/Info/Public' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

I'll keep playing with and maybe throw it in local web server. I'll keep you posted, thanks!

For now you need to add http:// to the start of your server address or https://, if going secure

[chef 3745]

7 hours ago, Cheesegeezer said:

I know, hahaha  thats why i added the extra http field to the logon, at least the can add secure vs normal 

What happens when it is https in that input?

 

Edit: nevermind I see what you did. Clever!

Edited June 18, 2022 by chef

[chef 3745]

Okay, so should the input string check for http?

Then if it does have that add it (as a courtesy)?

 

[chef 3745]

I did this

       if(urlInput.substring(0,4) != "http"){
            url = "http://" + urlInput.value;
        } else {
            url = urlInput.value;
        }

 

[chef 3745]

I've updated the OP.

[chef 3745]

So @Cheesegeezer, how do I host this thing in a node environment?

how do I ship it? 

 

[Cheesegeezer 3086]

25 minutes ago, chef said:

So @Cheesegeezer, how do I host this thing in a node environment?

how do I ship it? 

 

I have no idea right now, but as JS it’s pure….

know decide for desktop app port to electron.. it works well.

for app on mobile you can investigate react and react native 

Or hard code for each environment. Unfortunately this is my dilemma for iridium, but this is the perfect app to make that choice, small simple and useful 

 

[Junglejim 344]

10 hours ago, Cheesegeezer said:

I have no idea right now, but as JS it’s pure….

know decide for desktop app port to electron.. it works well.

for app on mobile you can investigate react and react native 

Or hard code for each environment. Unfortunately this is my dilemma for iridium, but this is the perfect app to make that choice, small simple and useful 

 

How about a docker container as well?

I know Posterr has a docker but that doesn't work with Emby.

All good, I can use it just the way it is at the mo.

Edited June 19, 2022 by Junglejim

[italianstallion11885 0]

.22 Fixed the Cors error, thanks! 

One thing I did notice, which is kind of funny, is I have a some sequels in my recently added movies, but it shows the original when it is going through my recently added movies. I'll try to take a look to see what I can see.

Thanks!

[Cheesegeezer 3086]

2 minutes ago, italianstallion11885 said:

.22 Fixed the Cors error, thanks! 

One thing I did notice, which is kind of funny, is I have a some sequels in my recently added movies, but it shows the original when it is going through my recently added movies. I'll try to take a look to see what I can see.

Thanks!

Chef is out unfortunately, but if the sequels have their own ItemId then they should be shown as these are taken straight from the latest api. Unfiltered!

we all have the code as it’s straight JS.

[Guest phoenixexcinere]

I wanted to ask if there is any way to display static image such as Emby logo when nothing is played through Emby.
A kind of standby display.

 

And does anyone have an idea for a display solution that can be used via smarthome (fhem)?
I'm just trying to figure out how to do it so that a display is automatically started by Fhem and the address is automatically called by Posters.

But the only thing I can think of would be a Raspberry PI with an extra display, which is too expensive for me. and a simple tablet cannot be started or even controlled via FHEM.
Maybe someone has another idea?

[Cheesegeezer 3086]

49 minutes ago, phoenixexcinere said:

I wanted to ask if there is any way to display static image such as Emby logo when nothing is played through Emby.
A kind of standby display.

Should be easy to do.

49 minutes ago, phoenixexcinere said:And does anyone have an idea for a display solution that can be used via smarthome (fhem)?
I'm just trying to figure out how to do it so that a display is automatically started by Fhem and the address is automatically called by Posters.

But the only thing I can think of would be a Raspberry PI with an extra display, which is too expensive for me. and a simple tablet cannot be started or even controlled via FHEM.
Maybe someone has another idea?

What’s fhem

[chef 3745]

 

Yeah you could easily show the Emby logo statically for sure.

Could probably even request the logo right from the Emby splash screen in the dashboard.

 

[chef 3745]

Raspi pico are pretty cheap, and you could most likely get a used monitor from an online marketplace, or from a used item retailer.

I totally found mine on someone's front yard they were throwing it away... Little did they know I had other plans for the old thing. 

 

[Cheesegeezer 3086]

13 minutes ago, chef said:

 

Yeah you could easily show the Emby logo statically for sure.

Could probably even request the logo right from the Emby splash screen in the dashboard.

 

Do you think that a folder in the app folder with Custom_Static_Image could be used in case a user wanted a custom one would be a good idea.

like Chefs Cinema will resume shortly hehe