@eurekagliese
command格式:
mm://${PlayOrPause}
button:
background="images/play.png"
I'd like to see an example of how the buttons are displayed, so could you please share your "Layout.xml" file and the "images" folder?
Is the path to the "images" folder as follows?
\profile\eslyric-data\layout\Style1\images

<layout xmlns="https://github.com/ESLyric/layout" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="https://github.com/ESLyric/layout ./Layout.xsd">
<panel layout="stack" name="eureka" orientation="vertical" features="1">
<container name="top-panel" anchor="stretch" height="auto">
<lyric text-align="center" anchor="fill" banner-text="Style for foobar2000"/>
</container>
<container name="bottom-panel" anchor="hfill" height="16%" orientation="horizonal">
<albumart anchor="hcenter" margin-left="4%" margin-top="4%" margin-right="4%" margin-bottom="4%" width="16%" aspect-ratio="1.0" radius="10" stub="images/default.png" follow-background="0" />
<container name="meta-info" anchor="hcenter" width="*" height="auto" justify="start">
<label name="title" margin="0,0,0,0" caption="%title%" command="cm://Properties" text-align="left" text-color="rgb(255,255,255)" highlight-color="RGB(0, 128, 255)" font-size="14" width="100%" height="auto" loop="cycle" nowrap="1"/>
<label name="artist" margin="0,12,0,0" caption="[%artist%]" command="lib://%%artist%% IS %artist%" text-align="left" text-color="rgb(200,200,200,0.8)" highlight-color="RGB(255, 0, 153)" font-size="14" width="100%" height="auto" hide-empty="1"/>
<label name="album" margin="0,12,0,0" caption="[%album% ]$if(%date%, © %date% )" command="cm://Open Containing Folder" text-align="left" text-color="rgb(200,200,200,0.8)" font-size="12" width="100%" height="auto" loop="cycle" hide-empty="1"/>
<label name="tech-info" margin="0,12,0,0" caption="%codec% / %bitrate%kbps / $ifgreater($mod(%samplerate%,1000),0,$insert($div(%samplerate%,100),'.',$sub($len($div(%samplerate%,100)),1)) kHz,$div(%samplerate%,1000) kHz)" text-align="left" text-color="rgb(200,200,200,0.8)" highlight-color="RGB(232, 17, 35)" command="cm://Open Containing Folder" font-size="12" loop="shuttle" width="100%" height="auto" />
</container>
</container>
<container name="ctrlbar" layout="stack" orientation="horizonal" background-color="rgba(250,250,250,1.0)" radius="12" auto-hide="1" anchor="bottom" width="100%" height="50" margin="0,0,0,0" justify="middle">
<button background="images/stop.png" width="41" height="41" anchor="left" command="mm://Stop" />
<button background="images/previous.png" width="41" height="41" anchor="left" command="mm://Previous" />
<element type="container" layout="free" width="41" height="41">
<element type="button" background="images/play.png" anchor="stretch" visibility="$if($or($not(%isplaying%), %ispaused%),1,0)" command="mm://Playback/Play or pause"/>
<element type="button" background="images/pause.png" anchor="stretch" visibility="$if($and(%isplaying%,$not(%ispaused%)),1,0)" command="mm://Playback/Play or pause"/>
</element>
<button background="images/next.png" width="41" height="41" anchor="left" command="mm://Next" />
<button background="images/preferences.png" width="41" height="41" anchor="left" command="mm://Preferences" />
</container>
</panel>
</layout>
Images folder are inside the layout folder.
C:\Users\Username\AppData\Roaming\foobar2000-v2\eslyric-data\layout\images
Credits:
- ESLyric dev original layout code https://github.com/ESLyric/feedback/issues/200
- Multimedia control images (1) are from Spider Monkey Panel files. Image (2) are Googles Material Round icons.
- Background images are using the custom images sources in images tab on panel options. Pointing to JSP3 last.fm artist images folders. (C:\Users\Username\AppData\Roaming\foobar2000-v2\js_data\artists\%artist%)