Can't view thumbnails in Media Server plugins

[mattiaginoble]

Widget link

https://github.com/glanceapp/community-widgets/blob/main/widgets/media-server-playing-by-titembaatar/

Description

Can't view thumbnails in Media Server History and Media Server Playing

[titembaatar]

Could you provide more information ?

1. Which media server ?
2. Did you use a local address <IP>:<PORT> or a <DOMAIN> URL ?
3. How do you access glance ? <IP>:<PORT> or a <DOMAIN> URL ?

[mattiaginoble]

I have tried both Plex and Tautulli, both show all the data correctly, but the covers are not shown.
I can access Glance with a custom domain and the same for my services, I am using Nginx and Duckdns on Unraid.
But if I add my personal address on these glance plugins, I always get an error "connection refused". I am forced to use the ip and port, and now everything works except the covers.

[titembaatar]

I think it's an issue when mixing http (web) and https (websecure), and usually browsers don't like that.

I am not an expert on the subject, but I am pretty sure that if you use <IP>:<PORT> to access Plex/Tautulli API with the plugins, and access glance with <IP>:<PORT> in your browser, covers should display.
It should also be the case if you use https://<DOMAIN> URL for the plugins, and access glance with the same method.

If you mix the two your browser can indeed throw an error.

I did encounter the problem while testing. And I'm pretty confident that is what is happening here.

Feel free to let me know if at least the covers display properly when using one of the 2 methods up there.

[mattiaginoble]

Unfortunately I already tried yesterday after your message but it doesn't work.

If I right click to open the image, the link for all the covers is the same, that is the glance url followed by # and some letters, and it is the same for all the covers.

I am using an external .env for my data, so I don't know if that could be a problem.

[titembaatar]

I'll have a go at a few things when I get some free time.
I'll keep you updated if I find any workaround for this issue.

[titembaatar]

Hey.

Just to make sure, in the template: section, you did change {{ $showThumbnail := false }} to {{ $showThumbnail := true }} ?

[mattiaginoble]

yes, I did, if I inspect the page, the link for the photo is a string of a few letters

[titembaatar]

Any information you can share would help because I cannot reproduce this issue and I'm blind right now.

1. Can you share the string when you inspect the image please ?
2. You also said you user IP/PORT for Plex, can you confirm that you have in your .env file:

PLEX_URL=http://<IP>:<PORT>
PLEX_TOKEN=<your-plex-token>

3. How do access glance in your browser ? http://<IP>:<PORT>, http://<your-domain>.com or https://<your-domain>.com ?

[mattiaginoble]

Sure, thanks for the help.

1. This is the link for all the images, it is the exact same for each element:

Opening the image then opens this address:
https://<your-domain>/#ZgotmplZ

2. Yes, in my env file, I have these values.

3. As I said in the previous comment, I access Glance with https://<your-domain>.org. In my env plex and tautulli are entered as http://<IP>:<PORT>, otherwise I get a "connection refused" error, even with the immich plugin.
   But I also tried to access glance with http://<IP>:<PORT>, and nothing changes, I even changed browsers.

[svilenmarkov]

@titembaatar You'll need to explicitly declare that the URL is safe, otherwise it gets escaped with the ZgotmplZ value:

src="{{ $thumbURL | safeURL }}"

Go's templating can be picky about what values are allowed to go where.

[titembaatar]

@mattiaginoble
did adding src="{{ $thumbURL | safeURL }}" resolve your issue ?
Or using the updated template for v0.8.0 ?

[mattiaginoble]

@titembaatar I am trying it right now, I directly updated the plugin and it works perfectly, thank you very much, great job.