gebilaowang66662 / ESLyric-full-screen-imitation-IOS-configuration

3 stars 0 forks source link

0️⃣ xml配置文件 🤓

⚙ESLyric自定义界面接口解释参考⚙

🔗https://github.com/ESLyric/release/wiki/%E9%9D%A2%E6%9D%BF%E5%B8%83%E5%B1%80

    <layout xmlns="https://github.com/gebilaowang66662/ESLyric-full-screen-imitation-IOS-configuration" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="https://github.com/ESLyric/layout ./../Layout.xsd">
        <panel layout="stack" name="Style 1" orientation="horizontal" features="1">

            <container name="left-panel" layout="free" anchor="vfill" width="44%" min-width="600" hide-min="1">

                <container name="meta" anchor="vfill,right" margin-right="12%" margin-bottom="320" width="72%" justify="middle">
                        <albumart anchor="top" margin-top="75" width="100%" min-width="360" max-width="1000" aspect-ratio="1.0" stub="images/default.png" radius="20" use-stub="false" follow-background="1" overflow="hide"/>
                        <label name="title" margin-top="90" caption="%title%" text-align="left" text-color="rgb(255,255,255)" font-size="30" width="100%" height="auto" loop="cycle" nowrap="1"/>
                        <label name="artist" margin="0,14,0,0" caption="[%artist%]" text-align="left" text-color="rgb(255,255,255,0.5)" font-size="25" width="100%" height="auto" hide-empty="1" loop="cycle"/>
                </container>

              <container name="length" layout="free" anchor="right,bottom" margin-bottom="275" width="72%" height="auto" margin-right="12%" >
                <label name="progress2"  caption="$progress2(%playback_time_seconds%,%length_seconds%,56 ,-, )" text-align="left" text-color="rgb(255,255,255,0.8)" font-size="20" width="100%" height="auto" />
                <label name="progress2"  caption="$progress2(%playback_time_seconds%,%length_seconds%,56 ,-,-)" text-align="left" text-color="rgb(255,255,255,0.3)" font-size="20" width="100%" height="auto" />
              </container>

              <container name="length" orientation="horizontal" anchor="right,bottom" margin-bottom="225" width="72%" height="auto" margin-right="12%" >
                <label name="playback_time" caption="%playback_time%" text-align="left" text-color="rgb(255,255,255,0.3)" font-size="20" width="20%" height="auto" margin-right="480"/>
                <label name="playback_time_remaining"  caption="-%playback_time_remaining%" text-align="right" text-color="rgb(255,255,255,0.3)" font-size="20" width="20%" height="auto" />
                  </container>

                <container name="ctrl" orientation="horizontal" anchor="right,bottom" margin-bottom="65" width="90%" height="150" margin-right="3%">
                  <button background="images/stop.png" command="esl://Stop" width="60" aspect-ratio="1.0" overflow="hide"margin-right="90"/>   
                      <button background="images/previous.png" command="mm://${Previous}" width="150" aspect-ratio="1.0"margin-right="40"/>
                         <button background="$if($or($not(%isplaying%), %ispaused%),images/play.png,images/pause.png)" command="mm://${PlayOrPause}" width="150" aspect-ratio="1.0"/>
                      <button background="images/next.png" command="mm://${Next}" width="150" aspect-ratio="1.0" margin-left="40"/>
                  <button background="images/Random.png" command="esl://${Random}" width="60" aspect-ratio="1.0" margin-left="90"/>
                </container>
            </container>

            <container name="right-panel" anchor="vfill" width="*">

              <lyric margin-left ="90" margin-right ="80" text-align="left" anchor="fill"/>
            </container>
        </panel>
    </layout>

1️⃣ 下载 🧐

要用新版的ESLyric插件💖  

作者GitHub项目,可以收藏看看有没有更新:

🔗https://github.com/ESLyric/release/releases

image

image

上面下不了的可以在这下

ESLyric插件🔩和布局文件📁:

🔗https://wwpt.lanzoul.com/b02ihth1de

🔑密码:7cx5


2️⃣ 安装 🤖

按照下图安装插件🔩重启软件🔄

image

安装完后没出现插件界面怎么办❓

找到视图开启快速编辑模式

image

右键替换选ESLyric

image

有了就回去取消快速编辑模式

image


3️⃣ 配置 😴

效果图🌌

image

彷的苹果界面📱,目前作者没有添加进度条,只能是这样

下面的可以按照个人喜好调,要是想实现上图效果可以跟着调👣

因为每个人的电脑屏幕大小不同🖥💻,数值也不同,可以自己把控,调的像一点就行。🔧

因为外面的界面和全屏的界面是独立的设置的所以先进全屏模式🔳

右键界面🖱

image

右键界面🖱

image

image

image

image

image

image

高亮歌词太偏了,可以这里调🔧

image

image

可以试试动态模糊🔮

image

然后把布局文件拖到🤏

C:\Users\(每个人的用户名字不一样)\AppData\Roaming\foobar2000-v2\eslyric-data\layout

这个路径是安装版本的

XSFP0UBQ0F$T3C9 QG0 7S

如果找不到,可以去安装文件夹找有没有 profie 这个文件夹📁,这个是便携版的,里面会有后面的

eslyric-data\layout

image

然后回全屏面板参数选合适的分辨率就行,如果没有的话要自己调了

右键界面🖱

image

右键界面🖱

DNA2}1_{Q34CAY9`K0R6R{A

双击ESLyric界面可以切换/退出全屏,如果你懒得双击也可以给全屏模式🔳设置快捷键,也可以添加播放▶暂停⏸快捷键

快捷键个人喜好调❤

image

image

image

如果你们出现了左侧标题等行高字体显示一半,显示不全🚫

image

可以试一试改一下行高height=" ",或者字号font-size=" "等,具体看布局解释

🔗https://github.com/ESLyric/release/wiki/%E9%9D%A2%E6%9D%BF%E5%B8%83%E5%B1%80

调整至合适的大小,改一下就保存一下,会实时显示的❗

每个人的电脑屏幕还有字体设置大小不同就这样↕

可以打开显示布局元素标识辅助调整

_467OPN%W5D1{{BEZ3YWJ)8

用文本记事本打开刚刚放置的配置文件main.xml

    C:\Users\gebilaowang66662\AppData\Roaming\foobar2000-v2\eslyric-data\layout\Style1

调整下图参数🔢 

(6XX%~{B)M)NG2SKGGQ_YFR


4️⃣ 逐字歌词源 💬

下面是逐字歌词源

原地址:

🔗https://github.com/Robotxm/ESLyric-LyricsSource

image

上面下不了的可以在这下⬇

🔗https://wwpt.lanzoul.com/b02ihth1de https://wwpt.lanzoul.com/b02ihth1de

🔑密码:7cx5

下好解压📂

因为我们这个插件是新版,选current

image

里面是酷狗网易云QQ逐字的源

放这个路径

C:\Users\(每个人的用户名字不一样)\AppData\Roaming\foobar2000-v2\eslyric-data\scripts

image

如果找不到,可以去安装文件夹找有没有 profie 这个文件夹,里面会有后面的

eslyric-data\scripts

b9bdf403918fa0ec4115922e609759ee3c6ddbb5

记得把转换为标准格式取消勾选🚫,没有就不用管

image

还有把EX源勾上✅

image

只有EX源是逐字,酷狗有没有逐字看运气🗿

再打开卡拉OK模式下面的增强歌词

因为外面的界面和全屏的界面是独立的设置的所以两个都要选✅✅

image

image

当插件搜索到歌词后🔍

可以把歌词保存到歌曲文件里面📎

右键歌词界面🖱

image


5️⃣ 歌词规则 🤩

歌词上面有原唱那些东西怎么去除❓🚮

就像下图一样 image

打开软件设置,选择通配符移除,里面的*代表若干字

如果你要去除像这样的 演唱:林俊杰 ,然后有很多歌曲开头也有这个,你可以填 演唱:*🗿

image


6️⃣ 嵌入封面 😇

要给歌曲嵌入封面,要不黑压压的看的丑◼

image

[Windows] 音乐标签 v1.0.3.1—给本地音乐内置歌词和专辑封面!

🔗https://www.52pojie.cn/thread-1076546-1-1.html

image


7️⃣ 插件读取 🤨

这个插件搜索歌词是读取歌曲的标签字段📝

不是以文件名搜索的,不对的话可以右键🖱最底下那栏点属性,把那两个改对

image

搜索歌词时歌手太多会影响结果,可以歌名不变,单独一个一个歌手加进去搜🔍

image


8️⃣ 无歌词设置 😎

如果歌曲没有歌词显示🚫

image

可以这里自定义🔧

image


9️⃣ 字体 🤠

这个是iOS的字体

🔗https://developer.apple.com/fonts/

这个是Spotify-Mix的字体(只支持英文🔡,其他语言显示的怪怪的,想支持其他字体得靠软件将其他的字体库合成其他语言,我用的是Spotify-Mix(英文) + 微软雅黑(中文),就是上面显示的效果

🔗https://en.bestfonts.pro/font/spotify-mix