Dashticz - Install picoreplayer

[madpatrick]

Okayyy , getting something here Have made a selector switch with two url's to my playlist with each a radio station.

Code: Select all

http://192.168.178.29:9002/status.html?p0=playlist&p1=play&p2=RadioFG&p3=b8:27:eb:29:3c:50

and

Code: Select all

http://192.168.178.29:9002/status.html?p0=playlist&p1=play&p2=StuBru&p3=b8:27:eb:29:3c:50

Just like freakshock say. Thanks freakshock!
Now I just have 2 make a selector switch in dashticz and we have control about my player (stop , play). And a selector with some favorites in.
Next thing to do , volume control .
Thanks 2 everybody 4 all help so far !
selector.JPG

Great !! I’ve LMSworking in Dashticz.
Is it possible to make the buttons bigger and add the on/off switch ?

[capman]

In 'custom.css' paste this code and edit the px (40) parameter.

Code: Select all

/* PLayer buttons */

.fa.fa-arrow-circle-left.fa-small {
    font-size: 40px !important;
}
.fa.fa-stop-circle.fa-small {
   font-size: 40px !important;
}
.fa.fa-play-circle.fa-small {
   font-size: 40px !important;
}
.fa.fa-arrow-circle-right.fa-small {
   font-size: 40px !important;
}
.fa.fa-pause-circle.fa-small {
   font-size: 40px !important;
}

I just don't know how to get the buttons higher or lower on the screen. But it's a start

[madpatrick]

In 'custom.css' paste this code and edit the px (40) parameter.

Code: Select all

/* PLayer buttons */

.fa.fa-arrow-circle-left.fa-small {
    font-size: 40px !important;
}
.fa.fa-stop-circle.fa-small {
   font-size: 40px !important;
}
.fa.fa-play-circle.fa-small {
   font-size: 40px !important;
}
.fa.fa-arrow-circle-right.fa-small {
   font-size: 40px !important;
}
.fa.fa-pause-circle.fa-small {
   font-size: 40px !important;
}

I just don't know how to get the buttons higher or lower on the screen. But it's a start

Working !! thanks

[pvm]

Volume control:
Volume parameter P2 can be absolute like 30% of relative as shown below:

Code: Select all

http://[IP_LMS]:9002/status.html?p0=mixer&p1=volume&p2=-2&player=[mac_address, replace : with %3A] // decrease volume with 2
http://[IP_LMS]:9002/status.html?p0=mixer&p1=volume&p2=%2B2&player=[mac_address, replace : with %3A] // increase volume with 2

[capman]

For who has interresting in how to have the artwork showing for what's playing from LMS server.

In custom/config.js make a line. Where you set the values for ip:port and player mac to your values.
The player mac adress , you find this in the settings from LMS server.

Code: Select all

frames.artwork = {width:12, isimage:true, refresh:2000, image: 'http://IP LMS:PORT LMS/music/current/cover.jpg?player=PLAYER MAC ADRESS'}

Then put the frames.artwork where you want you to showup in your collums.
Example

Code: Select all

columns[3] = {}
columns[3]['blocks'] = [buttons.buienradar,'blocktitle_7',92,86,'blocktitle_4',frames.artwork]
columns[3]['width'] = 2;

dashticz.JPG (287.95 KiB) Viewed 1536 times

[EdwinK]

Looks great.

Had tried several players, but this one is mostly self explaining. It even found my LMS without problems. Volumio couldn't

[pvm]

Nice, thanks. I've added this for my players.
To get the graphics optimized I want to decrease the height of the cover image, do you happen to know how to do this?

[EdwinK]

When you change the width of the image from width:12 to something lower, the height will change as well. I've mine at 4 I think, and the image is much smaller.

Screen Shot 2018-08-17 at 17.40.48.png (168.83 KiB) Viewed 1417 times

[pvm]

This is my current layout:

mpsize.PNG (330.26 KiB) Viewed 1415 times

To get this aligned correctly i've added padding/border (in css) to the selector showing radio selection. I would prefer to have the image just a little smaller (50px will do). Changing width from 2 (current value) to 1 decreases size too much.

I did inspection in chrome but I do not see a CSS identifier I can use... Guess it is just not possible.
If the frame identifier was used in CSS I/we would have much more options like giving it rounded corners etc.

[EdwinK]

O.. No clue about that, sorry. Maybe user capman can help you with that.

[stephanvdplas]

For who has interresting in how to have the artwork showing for what's playing from LMS server.

In custom/config.js make a line. Where you set the values for ip:port and player mac to your values.
The player mac adress , you find this in the settings from LMS server.

Code: Select all

frames.artwork = {width:12, isimage:true, refresh:2000, image: 'http://IP LMS:PORT LMS/music/current/cover.jpg?player=PLAYER MAC ADRESS'}

Then put the frames.artwork where you want you to showup in your collums.
Example

Code: Select all

columns[3] = {}
columns[3]['blocks'] = [buttons.buienradar,'blocktitle_7',92,86,'blocktitle_4',frames.artwork]
columns[3]['width'] = 2;

dashticz.JPG

I'm trying to use this, but can't get it to work.

I have implemented it exactly like capman did, but see no image. The image address as show in the browser is; http://<IP address Dashticz webserver>:8082/img/http://<IP address LMS server>:9000/music/current/cover.jpg?player=<Player MAC address>

What is going wrong?

What actually does work is this:

Code: Select all

frames.artwork = {height:600, scrollbars:false, isimage:true, refresh:2000, forcerefresh:1, frameurl: 'http://<IP address LMS server>:9000/music/current/cover.jpg?player=<Player MAC address>'}

But this is way too large and when I choose a smaller value for height, the image doesn't fit and is shown partly.

Regards,
Stephan

[madpatrick]

Maybe an other option is to use the LMS Material Skin and a seperate screen with Dashticz.

I've made a button on my homescreen which goes to Screen2 and then i've the fullscreen of LMS

Code: Select all

blocks['Slide_2'] = {type: 'dial', color: '#ffff00', width: 2, last_update: false, title:' ',slide:2, iconSwitch: 'fas fa-volume-up'}

Code: Select all

frames.slide2 = {frameurl:"http://192.168.1.1:9000/",  height: '540',scrollbars : false,  width:12}

[stephanvdplas]

Thanks for your swift reply! Material skin directly as a frame in dashticz: that's is a good option, I'm already using that skin and it integrates perfectly in Dashticz I see.



One more question How can a make it full screen? It is now shown as 540 pixels high. Not a problem, but as you state you have a full-screen LMS window. What do I need to change to make it full-screen?

Regards,
Stephan

[madpatrick]

I'm using a tablet with a resolution height of 800px and have a button under the LMS screen, so for me 540px is enough.
You can atry to remove the option.
I think it will then fill the screen.