01 Introduction

Material-Skin is a HTML5/Javascript user-interface for Logitech Media server, suitable for mobile and desktop usage.

For more information, please refer to the User Guide. This guide is on a separate github page, and is authored by Jim Gooch.

Installation

1. Open the LMS web page (e.g. http://localhost:9000)
2. Click on Settings
3. Select the Plugins tab
4. At bottom of the page add the repo URL: https://raw.githubusercontent.com/CDrummond/lms-material/master/public.xml
5. Install the plugin and enable as usual

NOTE: This should no longer be necessary, as Material is now an official 3rd-party add-on.

Usage

1. Access the skin through http://<yourserver>:9000/material/
2. Select "Add to Home screen" on your device, if supported.

Selecting mobile or desktop

Material should automatically choose mobile or desktop layouts, but you may also force one or the other.

• http://<yourserver>:9000/material/?layout=mobile will force mobile layout
• http://<yourserver>:9000/material/?layout=desktop will force desktop layout

You can also launch Material straight into its desktop now-playing screen, using:

• http://<yourserver>:9000/material/now-playing

Selecting start-up player

Material will restore the previously used player on start-up. To accomplish this, it stores the player's ID (its MAC address) in your browser's local storage. If you clean cookies, etc, then this setting will be cleared. As an alternative, you can specify the player's name (URL encoded) or its MAC address in Material's URL as follows:

• http://<yourserver>:9000/material/?player=Player%20Name
• http://<yourserver>:9000/material/?player=01:02:03:04:05:06

Selecting initial page

Material will start on the last used page by default. For the mobile layout, you may specify the initial page in the URL query. Valid values are; browse, now-playing, and queue. e.g:

• http://<yourserver>:9000/material/?page=now-playing