So Close...and yet so far...retrieving art

[skavan]

First off -- BRILLIANT plugin.
I am using it mostly successfully with the equally excellent drhsIPplugin to send sonos notifications to my iRule tablet.

One kink, i can't get seem to get around is the displaying of the artwork.
I send the url, to my client for instance:

http://192.168.1.XXX/images/Sonos/Ar...9601400_81.jpg

But instead of displaying the image at the correct size, I get a tiny rendition instead.

I have tried loading that same URL into a variety of browsers, and the image displays find -- except, I notice, when I inspect the page, the plugin is creating a seemingly redundant SPAN with a whole lot of extra code after the image tag (I cut out most of the data blob that was embedded in the Span to keep it simple). It seems my embedded browser is getting messed up by this extra data and using it to give me 20x40 image!

How do I get around this? is it a bug? Am i doing something wrong?

<img style="-webkit-user-select: none; cursor: zoom-in;" src="http://192.168.1.108/images/Sonos/Artwork/CoverRINCON_000E58A72F9601400_83.jpg" width="411" height="411">

<span style="height: 20px; width: 40px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAA--SNIP--); background-color: transparent; background-size: 40px 20px;"></span>

[dcorsus]

First off -- BRILLIANT plugin.
I am using it mostly successfully with the equally excellent drhsIPplugin to send sonos notifications to my iRule tablet.

One kink, i can't get seem to get around is the displaying of the artwork.
I send the url, to my client for instance:

http://192.168.1.XXX/images/Sonos/Ar...9601400_81.jpg

But instead of displaying the image at the correct size, I get a tiny rendition instead.

I have tried loading that same URL into a variety of browsers, and the image displays find -- except, I notice, when I inspect the page, the plugin is creating a seemingly redundant SPAN with a whole lot of extra code after the image tag (I cut out most of the data blob that was embedded in the Span to keep it simple). It seems my embedded browser is getting messed up by this extra data and using it to give me 20x40 image!

How do I get around this? is it a bug? Am i doing something wrong?

<img style="-webkit-user-select: none; cursor: zoom-in;" src="http://192.168.1.108/images/Sonos/Artwork/CoverRINCON_000E58A72F9601400_83.jpg" width="411" height="411">

<span style="height: 20px; width: 40px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAA--SNIP--); background-color: transparent; background-size: 40px 20px;"></span>

Hi Skavan, the URL looks OK and has no span info or anything else. How exactly are you trying to show your art work on "a client". Is this a HSTouch client? If so that would mean it is HS Touch doing this. If you are using HSTouch make sure you set the image to the right device, not the piss ant small thumbnail art work. There is a specific art work device that you should like to the image art. If you don't use HSTouch, please explain in great detail how you do what, what is this "client"?

Dirk