Home of the Squeezebox™ & Transporter® network music players.
Page 1 of 286 1231151101 ... LastLast
Results 1 to 10 of 2857
  1. #1
    Senior Member
    Join Date
    Mar 2017
    Posts
    1,095

    Announce: Material Skin

    Used LMS for about a year and half now (don’t actually have any squeezeboxes – just a picorePlayer and an Airplay speaker), so thought I’d contribute.

    For the past few weeks I’ve been working on a Material style skin for LMS. Screenshots and installation instructions can be found at https://github.com/CDrummond/lms-material The skin has the following features;

    • Browsing local music, apps, and favourites
    • Music and artist information – accessible via context menu on cover of current track in ‘now playing’ screen. (This might not be the best way to access this, so I’m trying to think of a nicer way without adding to much noise to the screen)
    • Drag and drop editing of play queue (i.e. the current playlist)
    • Basic player settings; replay gain, don’t stop the music, and alarms
    • Light and dark themes


    This is not 100% finished – I’d like to add management of group players (create group, delete, etc), but this means modifying the Group Players plugin as well, so will take a little while. It also has the following know issues:

    • For search items in the browse view, the search underline goes over bottom nav if scrolled. This looks like an issue with the Javascript library I’m using
    • Drag and drop does not work on iOS or Android Firefox. I use a javascript library to enable HTML5 drag’n’drop on mobile browsers, and this seems to not work on iOS. Firefox is not a priority (even though its my main Android browser), due to the fact that WebApp’s work better with Chrome (which is all I use Chrome for)
    • Queue not always drawn completely with iOS, dragging up/down causes items to be shown.
    • The list of items in the browse page is fetched 100 items at a time, and the next 100 should be loaded when the view is scrolled to the end. However, I have noticed where this has not happened. But whenever I add debug to see what’s happening, it never occurs!
    • The Plugins page on LMS always seems to show that there is an update available for the plugin. Anyone got any idea what’s wrong here?


    I don't use streaming services such as Spotify, so I have no idea how well it works with these. But (AFAIK) these are all just apps, so they should work...

    Let me know what you think :-) ...any help with the known issues would be appreciated.

  2. #2
    Senior Member
    Join Date
    Sep 2005
    Posts
    2,845
    + 1024

  3. #3
    Quote Originally Posted by cpd73 View Post
    Used LMS for about a year and half now (don’t actually have any squeezeboxes – just a picorePlayer and an Airplay speaker), so thought I’d contribute.

    For the past few weeks I’ve been working on a Material style skin for LMS. Screenshots and installation instructions can be found at https://github.com/CDrummond/lms-material The skin has the following features;

    • Browsing local music, apps, and favourites
    • Music and artist information – accessible via context menu on cover of current track in ‘now playing’ screen. (This might not be the best way to access this, so I’m trying to think of a nicer way without adding to much noise to the screen)
    • Drag and drop editing of play queue (i.e. the current playlist)
    • Basic player settings; replay gain, don’t stop the music, and alarms
    • Light and dark themes


    This is not 100% finished – I’d like to add management of group players (create group, delete, etc), but this means modifying the Group Players plugin as well, so will take a little while. It also has the following know issues:

    • For search items in the browse view, the search underline goes over bottom nav if scrolled. This looks like an issue with the Javascript library I’m using
    • Drag and drop does not work on iOS or Android Firefox. I use a javascript library to enable HTML5 drag’n’drop on mobile browsers, and this seems to not work on iOS. Firefox is not a priority (even though its my main Android browser), due to the fact that WebApp’s work better with Chrome (which is all I use Chrome for)
    • Queue not always drawn completely with iOS, dragging up/down causes items to be shown.
    • The list of items in the browse page is fetched 100 items at a time, and the next 100 should be loaded when the view is scrolled to the end. However, I have noticed where this has not happened. But whenever I add debug to see what’s happening, it never occurs!
    • The Plugins page on LMS always seems to show that there is an update available for the plugin. Anyone got any idea what’s wrong here?


    I don't use streaming services such as Spotify, so I have no idea how well it works with these. But (AFAIK) these are all just apps, so they should work...

    Let me know what you think :-) ...any help with the known issues would be appreciated.
    It refuses to enable the skin from the plugin page!
    The Material page still working even thought the skin is not able to enabled.
    However, Spotify is not showing the artwork.
    Last edited by anadigi; 2018-10-21 at 08:00.

  4. #4
    Quote Originally Posted by anadigi View Post
    It refuses to enable the skin from the plugin page!
    The Material page still working even thought the skin is not able to enabled.
    However, Spotify is not showing the artwork.

    One more thing! To play radio is not working unless it is save to you favorites to play

  5. #5
    Senior Member
    Join Date
    Mar 2017
    Posts
    1,095
    Quote Originally Posted by anadigi View Post
    It refuses to enable the skin from the plugin page!
    The Material page still working even thought the skin is not able to enabled.
    Yeah, that's probably the issue that I'm seeing - I thought it was for updates, but I guess its the enabled status. Never created a plugin before, so there is a great chance that something is amiss here. Be great if someone more experienced could give a quick look at the plugin / xml side and see what's wrong?

    However, Spotify is not showing the artwork.
    Not surprised. As stated, I don't use any streaming services. If you use the standard LMS web UI, navigate to a spotify track, right click and select 'Copy Image Location', then paste the result here - it'll give me something to look into.

    [Edit] Actually, just found a slight bug in the code - which might help with this. Can you edit the code on your server? If so, edit MaterialSkin/HTML/material/js/utils.js and change line 47 from "return icon" to "return image"
    Last edited by cpd73; 2018-10-21 at 08:29.

  6. #6
    Senior Member
    Join Date
    Mar 2017
    Posts
    1,095
    Quote Originally Posted by anadigi View Post
    One more thing! To play radio is not working unless it is save to you favorites to play
    Yup, can confirm this. Fixed for next pre-release. Also, YouTube playback was broken - fixed too.

  7. #7
    Senior Member
    Join Date
    Sep 2005
    Posts
    2,845
    using your skin as standard didnt work.

  8. #8
    Senior Member
    Join Date
    Mar 2017
    Posts
    1,095
    Quote Originally Posted by DJanGo View Post
    using your skin as standard didnt work.
    Sorry, in what way? As in setting it as the default? I would not do that. Navigate to it via http://server-ip:9000/material - replace server-ip with hostname or IP address of LMS server.

  9. #9
    Senior Member kidstypike's Avatar
    Join Date
    Feb 2007
    Location
    Brindle
    Posts
    3,222
    Thanks very much, very slick!

    Name:  shotdark.jpg
Views: 7182
Size:  33.2 KB

    Name:  shotlight.jpg
Views: 7205
Size:  33.7 KB
    Server - LMS 7.9.2 Pi4B 4GB/pCP 6.0.0-b6 18K library, playlists & LMS cache on SSD (ntfs)
    Study - Pi3B+/pCP 5.0.0/pi screen/HiFiBerry DAC+/jivelite,
    Lounge - Pi2/pCP 5.0.0 > HiFiBerry DIGI+ > AudioEngine DAC1 > AVI DM5
    Dining Room - Squeezebox Boom
    Garage - Pi3B/Pi screen/HiFiBerry DAC+/pCP 5.0.0 > Edifier R980T

    Spares - 2xTouch, 1xSB3, 1xRadio, 6xRPi

  10. #10
    Quote Originally Posted by cpd73 View Post
    Yup, can confirm this. Fixed for next pre-release. Also, YouTube playback was broken - fixed too.
    This is my favorite skin so far! Thank you!
    The response is quick. I have it setup on iphone and works great. Looking forward to the next release!

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •