Skip to main content

Notice

Please note that most of the software linked on this forum is likely to be safe to use. If you are unsure, feel free to ask in the relevant topics, or send a private message to an administrator or moderator. To help curb the problems of false positives, or in the event that you do find actual malware, you can contribute through the article linked here.
Topic: NEW ESLyric v0.5 - an alternative lyric show component (Read 70001 times) previous topic - next topic
0 Members and 2 Guests are viewing this topic.

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #225
I'm looking forward to seeing @yeyo edit it even more. Hahaha.
SHURE SRH1840, SENNHEISER HD660S2, SENNHEISER HD620S, SENNHEISER HD 490 Pro Plus, beyerdynamic DT 1990 PRO, HiFiMAN Edition XS, Bowers & Wilkins P7, FiiO FT5, 水月雨 (MOONDROP) 空鳴 - VOID, Nakamichi Elite FIVE ANC, SONY WH1000XM5 (made a Upgrade/Balanced Cable by myself)

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #226
1028 looks like a major re-write; instead of just the "install over the existing one" I will do a complete uninstall of the existing 1025 first: remove the element from JSP3 panel, remove from the FB Components list, manually delete the profile/es-lyric data folder, and the file foo_uie_eslyric.dll.cfg from profile/configuration.  Restart twice.  Install 1028 and cross fingers!  No sweat as have fb2k portable folder backed up easy.  Remember to re-add modified-for-streams source scripts (Metallum, LRCLIB).  Translated change list:

1.  Adjust the internal resource update logic, after updating the plugin, it will be forced to overwrite the built-in resources for the first time, please backup the script that comes with the plugin if you change it.
2.  Lyrics rendering adjustment, more accurate calculation of spacing/line spacing, please re-adjust if necessary after updating.
3.  Optimize lyrics dragging experience, highlighting lines more accurately.
4.  Optimize CPU usage when not playing
5.  Add plug-in file name verification
6.  Layout module internal modification, to be updated

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #227
I'm looking forward to seeing @yeyo edit it even more. Hahaha.
Hahaha, I've experienced it, and the documentation should be in the near future...


Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #229
ESLyric 1.0.0.1030 (Alpha) (foo_uie_eslyric) 2024-11-10
https://github.com/ESLyric/release/releases/

面板布局
https://github.com/ESLyric/release/wiki/%E9%9D%A2%E6%9D%BF%E5%B8%83%E5%B1%80
SHURE SRH1840, SENNHEISER HD660S2, SENNHEISER HD620S, SENNHEISER HD 490 Pro Plus, beyerdynamic DT 1990 PRO, HiFiMAN Edition XS, Bowers & Wilkins P7, FiiO FT5, 水月雨 (MOONDROP) 空鳴 - VOID, Nakamichi Elite FIVE ANC, SONY WH1000XM5 (made a Upgrade/Balanced Cable by myself)

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #230

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #231
@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
SHURE SRH1840, SENNHEISER HD660S2, SENNHEISER HD620S, SENNHEISER HD 490 Pro Plus, beyerdynamic DT 1990 PRO, HiFiMAN Edition XS, Bowers & Wilkins P7, FiiO FT5, 水月雨 (MOONDROP) 空鳴 - VOID, Nakamichi Elite FIVE ANC, SONY WH1000XM5 (made a Upgrade/Balanced Cable by myself)

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #232
@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

Quote
The search order when the plugin obtains images:

Relative path to the xml layout file
Relative path to the images directory in the same directory as the xml layout file
So for the configuration background="images/play.png", assuming the current layout file path is c:\path\to\layout.xml

Search for c:\path\to\images\play.png, use it if it exists
Search for c:\path\to\images\images\play.png, use it if it exists

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #233
I have prepared an "images" folder and button icons (.png). It is located in the same folder as Layout.xml.
I don't understand the part about displaying the buttons and the "orientation - horizonal" part about arranging the buttons horizontally.
I would be grateful if you could show me.

For now, it's the same as the previous layout. hahaha.
SHURE SRH1840, SENNHEISER HD660S2, SENNHEISER HD620S, SENNHEISER HD 490 Pro Plus, beyerdynamic DT 1990 PRO, HiFiMAN Edition XS, Bowers & Wilkins P7, FiiO FT5, 水月雨 (MOONDROP) 空鳴 - VOID, Nakamichi Elite FIVE ANC, SONY WH1000XM5 (made a Upgrade/Balanced Cable by myself)

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #234
The layout file written by the ESLyric author. The layout document was not completed before, so it is not convenient to make it public. Everyone can actively share their own layout files

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #235
@always.beta
Thanks. I will try.  ;)
SHURE SRH1840, SENNHEISER HD660S2, SENNHEISER HD620S, SENNHEISER HD 490 Pro Plus, beyerdynamic DT 1990 PRO, HiFiMAN Edition XS, Bowers & Wilkins P7, FiiO FT5, 水月雨 (MOONDROP) 空鳴 - VOID, Nakamichi Elite FIVE ANC, SONY WH1000XM5 (made a Upgrade/Balanced Cable by myself)

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #236
I'm new to this component having started a migration from UPnP to OpenSubsonic and all the goodies that brings with it, including the display of lyrics.

I downloaded lyrics for one album, and spent a few hours battling to try and get the lyrics synced to a point where I thought I understood everything. Today I thought I'd look for a component to help me speed that process up so I installed the latest ESLyric and LOVE the ability to offset live, but the results are the opposite to what I learned/expected.
To delay the display of lyrics the wiki article suggests I need to use minus ([offset:-1000]) but ESLyric is setting a positive offset.
Quote
with + causing lyrics to appear sooner

The definition on the wiki article did seem a little backward (minus to add a delay) but it's what worked for LMS and Symfonium, but now I'm not sure which end is up  :-\

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #237
@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


Code: [Select]
<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%)

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #238
@eurekagliese

Thank you, I appreciate your kindness

>  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%)
naruhodo. I see.

For now, I've managed to display the button icons. Next, I'd like to change the icon color, etc.

SHURE SRH1840, SENNHEISER HD660S2, SENNHEISER HD620S, SENNHEISER HD 490 Pro Plus, beyerdynamic DT 1990 PRO, HiFiMAN Edition XS, Bowers & Wilkins P7, FiiO FT5, 水月雨 (MOONDROP) 空鳴 - VOID, Nakamichi Elite FIVE ANC, SONY WH1000XM5 (made a Upgrade/Balanced Cable by myself)

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #239
@eurekagliese @always.beta @yeyo

Many Thanks.
It's simple but it's enough for me.
Just changing the icon (,png) changed the atmosphere.
@eurekagliese Thank you for your good idea.





SHURE SRH1840, SENNHEISER HD660S2, SENNHEISER HD620S, SENNHEISER HD 490 Pro Plus, beyerdynamic DT 1990 PRO, HiFiMAN Edition XS, Bowers & Wilkins P7, FiiO FT5, 水月雨 (MOONDROP) 空鳴 - VOID, Nakamichi Elite FIVE ANC, SONY WH1000XM5 (made a Upgrade/Balanced Cable by myself)


Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #241
Sample code for song rating settings (requires support from the Playback Statistics component):
Layout XML
Code: [Select]
<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="rating" orientation="vertical" features="1">
<container name="lyric-panel" anchor="vfill" width="100%" min-width="60" hide-min="1">
<!-- 空星图标显示 -->
                        <label name="rating0" caption="✰✰✰✰✰" margin="0" text-align="left" text-color="rgb(200,200,200)" font-size="14" width="136" height="30"/>
<!-- 星星图标显示 -->
                        <label name="rating" caption="$repeat(★,$if2(%rating%,0))" margin="-17, -30,0,0" text-align="left" text-color="rgb(255,255,50)" font-size="14" width="100" height="30"/>
                        <button margin="-60,-30,0,0" width="16" height="30" command="cm://${RatingOne}"/>
                        <button margin="-40,-30,0,0" width="16" height="30" command="cm://${RatingTwo}"/>
                        <button margin="-22,-30,0,0" width="16" height="30" command="cm://${RatingThree}"/>
                        <button margin="-1,-30,0,0" width="16" height="30" command="cm://${RatingFour}"/>
                        <button margin="18,-30,0,0" width="16" height="30" command="cm://${RatingFive}"/>
                        <button margin="38,-30,0,0" width="16" height="30" command="cm://${RatingZero}"/>
<lyric margin="0,50,0,0" text-align="center" anchor="fill" banner-text="foorab 主题歌词面板"/>
</container>
</panel>
</layout>

Locales XML
Code: [Select]
<?xml version="1.0" encoding="UTF-8"?>
<locales>
    <locale type="zh_CN">
        <string key="RatingZero">播放统计信息/等级/&lt;未设置&gt;</string>
    </locale>
    <locale type="zh_CN">
        <string key="RatingOne">播放统计信息/等级/1</string>
    </locale>
    <locale type="zh_CN">
        <string key="RatingTwo">播放统计信息/等级/2</string>
    </locale>
    <locale type="zh_CN">
        <string key="RatingThree">播放统计信息/等级/3</string>
    </locale>
    <locale type="zh_CN">
        <string key="RatingFour">播放统计信息/等级/4</string>
    </locale>
    <locale type="zh_CN">
        <string key="RatingFive">播放统计信息/等级/5</string>
    </locale>
</locales>
Note 1: For non-Chinese language users, you will need to change the language type and context menu commands in the locales.xml
Note 2: The area of space behind the last star is set for canceling the rating

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #242
@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


Code: [Select]
<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%)

Nice one!

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #243
A heads-up:  I just updated to ESLyric 1.0.0.35 (Foobar v2.24 x64) from 1.0.0.31 and immediately noticed some kind of jerky, stop-start motion from my JSP3 bar meters and the new foo_vis_vumeter as well.  No settings were changed.  Rolled back to ESLyric 1.0.0.31 and the problem ceased.  Anyone else?

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #244
A heads-up:  I just updated to ESLyric 1.0.0.35 (Foobar v2.24 x64) from 1.0.0.31 and immediately noticed some kind of jerky, stop-start motion from my JSP3 bar meters and the new foo_vis_vumeter as well.  No settings were changed.  Rolled back to ESLyric 1.0.0.31 and the problem ceased.  Anyone else?

https://github.com/ESLyric/release/releases/tag/1.0.0.1036

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #245
Yes fixed with 1036, thank you.

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #246
I would appreciate it if any others who would like to see the ability to align lyrics text in the panel to Top Center, etc., like OpenLyrics provides, they would please add a thumbs up to my request at the ESLyric GitHub feedback site here:
https://github.com/ESLyric/feedback/issues/216

Currently there is no way to make use of or reduce the large gap that exists from the top of the panel to where the first line of lyrics begins.  Thank you!

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #247
ESLyric 1.0.1.1 Beta
Break Changes
  • The system now requires Windows 10 RS1 (1607) or higher.
  • Panel and desktop lyrics now use Direct2D/DirectWrite rendering, with traditional GDI and GDI+ support removed.
  • The simulated transparent background type has been removed, and a dynamic blur background type has been added.

Other Changes
+ Completely redesigned lyric search and save functionality, allowing for easier future expansion.
+ Updated layout system with documentation reference.
+ Panel lyrics now support better blur and shadow effects.
+ Panel lyrics now support customizable color configuration for lyrics already played.
+ Panel lyrics color now supports opacity settings.
+ Desktop lyrics now support a wider range of fonts.
+ Desktop lyrics now support better shadow and glow effects.
+ Lyric save functionality now applies lyric processing rules.
+ Lyric editor now supports applying offsets to timestamps.
+ Quick lyric search rule addition is now supported.
+ Optimized panel and fullscreen lyrics smoothness on high DPI screens.
+ Optimized panel lyric drag experience with more accurate positioning.
+ Optimized display and drag experience for plain text lyrics.
+ Other experience optimizations and bug fixes.

Download: https://github.com/ESLyric/release/releases/tag/1.0.1.1

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #248
I had high hopes that this update would fix the issue I mentioned here (and on GitHub) about having no way to top-align lyrics in the panel display, but it didn't happen.  In the past the developer mentioned that the extra space was due to the extended height needed by some non-roman alphabets, but then why, in panel options, has there always been the ability to manually adjust "Top margin"?  Even using "0" there as the value still produces the large black space before the first line of lyrics begin.

ESLyric with panel spacing "Top Margin" set to "0":


OpenLyrics with text alignment set to "Top center":

Re: NEW ESLyric v0.5 - an alternative lyric show component

Reply #249
I had high hopes that this update would fix the issue I mentioned here (and on GitHub) about having no way to top-align lyrics in the panel display, but it didn't happen.  In the past the developer mentioned that the extra space was due to the extended height needed by some non-roman alphabets, but then why, in panel options, has there always been the ability to manually adjust "Top margin"?  Even using "0" there as the value still produces the large black space before the first line of lyrics begin.

ESLyric with panel spacing "Top Margin" set to "0":


OpenLyrics with text alignment set to "Top center":

When the music starts, the lyrics being played are displayed at the top. This is not the desired reading effect, and this is not a text display plug-in.