mod: click time-knob to temporary show vol-knob in its place

Suggestions/requests/ideas for RuneAudio core features and functions

mod: click time-knob to temporary show vol-knob in its place

Postby waves » 18 Jun 2016, 13:16

mod: click time-knob to temporarily show vol-knob in its place (by hiding time-knob and cover)
This makes it quicker to change the volume in a smartphone browser where the controls are vertically stacked. Instead of scrolling down to the volume-knob we hide the time-knob and cover which moves the vol-knob up. After 2.5 seconds all controls are automatically visible again.

note: this conflicts with my touch gesture mod. Use the touch gesture mod instead!

- This presupposes that you SSH in to your Rune device and edit files there.
- It is a good idea to first make a backup of the files you modify.
- if the the knob circles do not match in position on your screen try tweaking the 5px value in the code below.

Edit this file
Code: Select all

You can also browse through the contents of the file online here ... /runeui.js

First find this line near the top
Code: Select all
var GUI = {

and and this on a new line above it
Code: Select all
var knobhide;

Next find the lines
Code: Select all
// update info and status on Playback tab
function refreshState() {

and add these lines above them
Code: Select all
//click time-knob to temp hide, move up vol-knob
$('#time-knob, #cover-art').addClass('hide');
$('#volume-knob').css('margin-top', '5px');
knobhide = 1;

function unhideknob(){
$('#time-knob, #cover-art').removeClass('hide');
$('#volume-knob').css('margin-top', '30px');
knobhide = "";

Extra step: needed only if you have done mod 4 on this page
find the line
Code: Select all
else { $('#time-knob, #cover-art').removeClass('hide'); }

and replace it with
Code: Select all
else if (!knobhide) { $('#time-knob, #cover-art').removeClass('hide'); }

Necessary steps to apply the modifications
First, when you are done editing, save runeui.js

Next we minify the file (i.e. convert it into a more compact file that RuneAudio normally uses)
- Copy all the contents of your modified runeui.js file to the clipboard
- Paste into the editbox at
- Click the button Javascript on the right side of the editbox. The content is now minified
- Copy all the minified text in the editbox
- Edit the file runeui.min.js (make a backup of it first!) and replace all its contents with the minified text from the clipboard. Then save. Then reload RuneAudio in the browser.

edit: fixed typo in code
Posts: 125
Joined: 31 Dec 2014, 10:33

support RuneAudio Donate with PayPal

Return to Feature request

Who is online

Users browsing this forum: No registered users and 1 guest