Announce: Material Skin

[Huey11]

You need to select the library view by tapping the musical note icon on the My Music screen.

Sent from my Pixel 3a using Tapatalk

Wow, great, thanks!

[cpd73]

Wow, great, thanks!

Setting the library here only affects this instance of Material, and the library_id is passed to all browse commands. It does not set the library on the player, which most (all?) other LMS UIs. Material's 'Player settings' dialog allows you to set the library on the player.

[Paul Webster]

I am finishing off setting up a LMS system for someone else and thought I would try Material on TV using Amazon Silk browser via Fire TV Stick.
It works well.
Shifting the mouse around the screen is a bit cumbersome but I think that the most likely use is Pause/Resume on a player but mainly leaving the cover art on the TV screen.

This leads to a request though.

Getting the art to take over the screen seems to require a double click on the cover art at the bottom of the screen.
However, double click is a bit tricky to do with the TV remote.
Could that be a single click instead since single click does not seem to have a pin effect there?

[cpd73]

Getting the art to take over the screen seems to require a double click on the cover art at the bottom of the screen.
However, double click is a bit tricky to do with the TV remote.
Could that be a single click instead since single click does not seem to have a pin effect there?

Why not just use the expanded now-playing screen? Or long-press on cover to bring up context menu, then choose 'Show image'

[Paul Webster]

Was just about to say that changing the launch url to use now-playing is probably good enough but getting to artwork only from the left hand screen still requires a double click via this interface since doing a long hold via TV remote does not seem to work.
The TV remote repeatedly sends the "OK" (based on watching the TV remote indicator repeatedly flashing) which the UI seems to interpret as a long hold (cursor changes to black) but menu does not pop up reliably (saw it briefly once and it disappeared almost immediately... perhaps because I was still holding the OK button on TV remote).

The full screen artwork has potential benefit of avoiding screen burn because there are no static elements (the destination for this new system has an old plasma screen TV).

[d6jg]

Was just about to say that changing the launch url to use now-playing is probably good enough but getting to artwork only from the left hand screen still requires a double click via this interface since doing a long hold via TV remote does not seem to work.
The TV remote repeatedly sends the "OK" (based on watching the TV remote indicator repeatedly flashing) which the UI seems to interpret as a long hold (cursor changes to black) but menu does not pop up reliably (saw it briefly once and it disappeared almost immediately... perhaps because I was still holding the OK button on TV remote).

The full screen artwork has potential benefit of avoiding screen burn because there are no static elements (the destination for this new system has an old plasma screen TV).

Is there a web server available on the network? If so it’s fairly easy to script something that will display a different page every x seconds. 15 seconds of Material now-playing followed by 15 seconds of something else - just a thought.

[manx]

"Add to Playlist" from now playing

Would it be possible (or desirable for you) to provide a shorter shortcut to adding a track to an existing playlist from the 'playing' context menu? i.e. include 'add to playlist..' on that menu. I see it is available as a direct link from selectable items in the 'browse' view and currently is available from the 'show track information'/'more' menu items. I'd certainly use it a lot more frequently than the 'copy details' link!

[slartibartfast]

Would it be possible (or desirable for you) to provide a shorter shortcut to adding a track to an existing playlist from the 'playing' context menu? i.e. include 'add to playlist..' on that menu. I see it is available as a direct link from selectable items in the 'browse' view and currently is available from the 'show track information'/'more' menu items. I'd certainly use it a lot more frequently than the 'copy details' link!

Isn't there a plugin for that? "Playlist manager" springs to mind.

Sent from my Pixel 3a using Tapatalk

[manx]

Isn't there a plugin for that? "Playlist manager" springs to mind.

Sent from my Pixel 3a using Tapatalk

Oh I have the Playlist Manager plugin installed, which is why the 'add to..' item is available on the track information page, but as the playlist can be accessed directly for selected tracks and albums from the browse page I wondered if it could be included on the first menu called from the playing screen. Give me 0.25 seconds of additional convenience or give me death, as the DKs might have said Thanks for your reply

[cpd73]

Would it be possible (or desirable for you) to provide a shorter shortcut to adding a track to an existing playlist from the 'playing' context menu? i.e. include 'add to playlist..' on that menu. I see it is available as a direct link from selectable items in the 'browse' view and currently is available from the 'show track information'/'more' menu items. I'd certainly use it a lot more frequently than the 'copy details' link!

Not sure there is much point to it there, but I can add the "Add to playlist" action to the queue's context menu - and the subtoolbar when items are selected. I've added an issue on github for this: https://github.com/CDrummond/lms-material/issues/424

[cpd73]

Getting the art to take over the screen seems to require a double click on the cover art at the bottom of the screen.
However, double click is a bit tricky to do with the TV remote.
Could that be a single click instead since single click does not seem to have a pin effect there?

Not sure this would accomplish what you want anyway. When the image is shown full-screen it does not update on track change.

[Edit] With some custom CSS you can get Material to hide the playback controls and toolbar, etc, of now-playing. See: https://github.com/CDrummond/lms-material/issues/410 This shows the CSS you would need, where to place it, and what to use as Material's URL.

[manx]

Not sure there is much point to it there, but I can add the "Add to playlist" action to the queue's context menu - and the subtoolbar when items are selected. I've added an issue on github for this: https://github.com/CDrummond/lms-material/issues/424

that would be great, thanks!

[jeroen2]

Not sure this would accomplish what you want anyway. When the image is shown full-screen it does not update on track change.

[Edit] With some custom CSS you can get Material to hide the playback controls and toolbar, etc, of now-playing. See: https://github.com/CDrummond/lms-material/issues/410 This shows the CSS you would need, where to place it, and what to use as Material's URL.

I just a different tab, and then have the remote switch tabs. The second tab uses a static html page that only shows the cover art and updates when the window has focus.

<!DOCTYPE html>
<html lang="en">
  <head>
<!--  <meta http-equiv="refresh" content="10"> 
-->
    <title>Now playing</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta name="viewport" content="width=90%, initial-scale=1.0">
<style>
img {
display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 475px;
}
.center {
  margin: auto;
  padding: 0px;
  }
  div {
  background: #707070;
  background: -webkit-linear-gradient(#707070, #292929);
  background:    -moz-linear-gradient(#707070, #292929);
  background:         linear-gradient(#707070, #292929);
}
</style>
  </head>
  <body>
  <div class="center">
  <script>
var window_focus;

$(window).focus(function() {
    window_focus = true;
}).blur(function() {
    window_focus = false;
});

$(document).one('click', function() {
    setInterval(function() {
        $('body').append('has focus? ' + window_focus + '<br>');
        location.reload();
    }, 1000);
    });
</script>

      <img id="img" src="http://YOURLMSSERVERVER.local:9000/material/music/current/cover?" height=475px>
</div>
  </body>
</html>

(image size is 475 tall, which works on a Pi 7" touchscreen, could be different for your usage)

[d6jg]

I just a different tab, and then have the remote switch tabs. The second tab uses a static html page that only shows the cover art and updates when the window has focus.

<!DOCTYPE html>
<html lang="en">
  <head>
<!--  <meta http-equiv="refresh" content="10"> 
-->
    <title>Now playing</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta name="viewport" content="width=90%, initial-scale=1.0">
<style>
img {
display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 475px;
}
.center {
  margin: auto;
  padding: 0px;
  }
  div {
  background: #707070;
  background: -webkit-linear-gradient(#707070, #292929);
  background:    -moz-linear-gradient(#707070, #292929);
  background:         linear-gradient(#707070, #292929);
}
</style>
  </head>
  <body>
  <div class="center">
  <script>
var window_focus;

$(window).focus(function() {
    window_focus = true;
}).blur(function() {
    window_focus = false;
});

$(document).one('click', function() {
    setInterval(function() {
        $('body').append('has focus? ' + window_focus + '<br>');
        location.reload();
    }, 1000);
    });
</script>

      <img id="img" src="http://YOURLMSSERVERVER.local:9000/material/music/current/cover?" height=475px>
</div>
  </body>
</html>

(image size is 475 tall, which works on a Pi 7" touchscreen, could be different for your usage)

Can you open a local page on a Fire TV? This might have to go onto a web server

[Paul Webster]

Thanks for the ideas.
I'll think some more about what I could do and where it could go.
The server is pCP so serving extra pages from there might work.