[Addon] RuneUI Enhancement

Raspberry Pi related support

[Addon] RuneUI Enhancement

Postby rern » 29 Nov 2016, 09:22

Tested on RPi3
for RuneAudio 0.3 and 0.4b

Image

Controls | Show/Hide Bars | Show/Hide Buttons
Image Image Image

Show/Hide Elements | Artist's Bio | Change Page
Image Image Image

View code - GitHub
Try it - Demo

Features
- More minimalism
- Even more minimal by selectable show/hide items
- More responsive layout
- Fit all in one phone screen (with 'Add to Home Screen')
- Swipeable
- Improved song info
- Library breadcrumb path links to each directory
- Library index bar
- Fix Library sorting
- Coverart override
- Start/stop local browser right after settings saved (default needs system restart)
- 0.4b fixes:
    - Prevent coverarts update on play / pause in the same song
    - Use local `jquery-ui.min.js` instead of online
    - Fix missing `lato-bolditalic-webfont`
    - Remove screen saver items if disabled or if disable local browser

Install:
from Addons Menu


Functional:

Playback
- Cover-art - all controls (long-press center area = stop)
- screen left and screen right - fallback if cover-art was hidden
- Swipe for page change
- Mouse hover top/bottom of screen = show top/bottom menu bars if hidden
- Tap artist or i button = show improved bio (data from last.fm)
- Tap playlist item also go back to playback page
- Tap playback controls on other pages also go back to playback page

Image

Library
- Long-press = show/hide items setting
- Breadcrumb path links = shortcut jump to any directory in the path
- Index bar = quick scroll to directories
- Sorting - fix incorrect:
    - Sort non-english language
    - Some of MPD default sorting
    - After Webradio import
    - After MPD Upgrade
    - (Songs in albums still, by default, be sorted by track number)

Visual:

Playback
Top Bar:
- Hide on height < 500px
- Change logo to svg
- Separate pause from play buttons (optional)
- Move play source button from middle section and change to icons
- Full height button and fixed at center
- Change settings icons and remove text label
- Enlarge icons
- Add box shadow for layer depth
- Add development to settings menu

Middle:
- Rearrange all to more efficient responsive layout
- Improve sampling data display (calculate from raw data)
- Show DSD64, DSD128
- Show file format
- Scroll long text
- Hide artist and album text on width < 500px
- Hide volume on disabled
- Enlarge icons
- Move play source inside time

Image

Bottom Bar:
- Hide on height < 500px
- Change icons and remove text labels
- Enlarge icons
- Add box shadow for layer depth

Library
- Add index bar
- Add Home folder button for Library home page
- Move add webradio list to top bar button
- Move path from bottom bar to top bar
- Change and relocate back button
- Hide bottom bar with scroll buttons
- Preserve scroll position

Queue
- Change and relocate back button
- Move manage buttons from bottom bar to top bar
- Hide bottom bar with scroll buttons
- Preserve scroll position
Last edited by rern on 18 May 2018, 06:47, edited 64 times in total.
Raspberry Pi 3 > SMSL M8 DAC
GitHub
rern
 
Posts: 191
Joined: 14 Jul 2016, 08:15

Re: RuneUI Enhancement

Postby dror » 29 Nov 2016, 15:43

wow very nice indeed. thanks for sharing.
dror
 
Posts: 116
Joined: 03 Dec 2015, 10:14

Re: RuneUI Enhancement

Postby ACX » 29 Nov 2016, 16:09

Hi rern,
nice job on some features, by the way I already introduced some of them in the new version of the system we're working on (version 2.0). Would you be interested in helping us on its development? are you familiar with collaboration on GitHub? :)
User avatar
ACX
RuneAudio co-founder
 
Posts: 1658
Joined: 29 Nov 2013, 02:25
Location: Udine, Italy

Re: RuneUI Enhancement

Postby ACX » 29 Nov 2016, 18:35

Btw, the second lyrics provider you are using doesn't seem to have very reliable API responses... Testing a silly query with "Queens Of The Stoneage" as artist and "Stairway to heaven" as title, you get this :shock:
http://api.chartlyrics.com/apiv1.asmx/S ... o%20Heaven
User avatar
ACX
RuneAudio co-founder
 
Posts: 1658
Joined: 29 Nov 2013, 02:25
Location: Udine, Italy

Re: RuneUI Enhancement

Postby rern » 01 Dec 2016, 05:53

ACX wrote:Hi rern,
nice job on some features, by the way I already introduced some of them in the new version of the system we're working on (version 2.0). Would you be interested in helping us on its development? are you familiar with collaboration on GitHub? :)

Hi ACX,
Yes, I'd be interested.
I just have started doing some basic clone, commit, push, pull recently. Never joined a GitHub collaboration but I'll try not to ruin anything. :)
Raspberry Pi 3 > SMSL M8 DAC
GitHub
rern
 
Posts: 191
Joined: 14 Jul 2016, 08:15

Re: RuneUI Enhancement

Postby ianhaynes » 02 Dec 2016, 17:57

Thanks for sharing this. The enhancements look excellent. However I've tried installing them but get an error:

Fatal error: Call to undefined function is_localhost() in /srv/http/app/templates/header.php on line 17

Is there another file that needs including?
Pi 2, Ver. 0.4b build 20170229, IQAudio DAC+
ianhaynes
 
Posts: 190
Joined: 04 Mar 2015, 12:51

Re: RuneUI Enhancement

Postby rern » 03 Dec 2016, 01:39

function is_localhost() is the 1st one, in /srv/http/app/libs/runeaudio.php, that already defined. I've seen some error of this kind myself.

clear OPcache > clear browser cache > refresh should fix it.
Raspberry Pi 3 > SMSL M8 DAC
GitHub
rern
 
Posts: 191
Joined: 14 Jul 2016, 08:15

Re: RuneUI Enhancement

Postby ianhaynes » 04 Dec 2016, 18:19

No, refreshing the output cache doesn't fix it. I still get the error about the missing function.

Any other thoughts?

PS: I've just checked runeaudio.php and there is no function is_localhost there ??
Pi 2, Ver. 0.4b build 20170229, IQAudio DAC+
ianhaynes
 
Posts: 190
Joined: 04 Mar 2015, 12:51

Re: RuneUI Enhancement

Postby hondagx35 » 04 Dec 2016, 19:33

Hi ianhaynes,

you have either a RP1 or your image is not up to date.
The function is_localhost() was added Nov 5, 2015 when we introduced the local browser feature.
https://github.com/RuneAudio/RuneUI/com ... 869dd17a2c

Frank
User avatar
hondagx35
 
Posts: 2960
Joined: 11 Sep 2014, 22:06
Location: Germany

Re: RuneUI Enhancement

Postby ianhaynes » 04 Dec 2016, 20:21

I'm running on RP2 and the 0.4-beta image and settings show kernel 3.18.7-3
Pi 2, Ver. 0.4b build 20170229, IQAudio DAC+
ianhaynes
 
Posts: 190
Joined: 04 Mar 2015, 12:51

support RuneAudio Donate with PayPal

Next

Return to Raspberry Pi

Who is online

Users browsing this forum: No registered users and 2 guests