├── .github
    └── workflows
    │   └── build.yml
├── .gitignore
├── LICENSE
├── README.md
├── Taskbar Lyrics.sln
├── betterncm-plugin.vcxproj
├── betterncm-plugin.vcxproj.filters
├── dist
    ├── base.js
    ├── config.html
    ├── func.js
    ├── lyric.js
    ├── manifest.json
    ├── preview.png
    ├── style.css
    ├── taskbar-lyrics.exe
    └── view.js
├── src
    ├── betterncm-plugin
    │   ├── base.js
    │   ├── config.html
    │   ├── func.js
    │   ├── lyric.js
    │   ├── manifest.json
    │   ├── preview.png
    │   ├── style.css
    │   └── view.js
    └── taskbar-lyrics
    │   ├── CreateWindow.cpp
    │   ├── CreateWindow.hpp
    │   ├── NetworkServer.cpp
    │   ├── NetworkServer.hpp
    │   ├── RenderWindow.cpp
    │   ├── RenderWindow.hpp
    │   ├── TaskbarLyrics.cpp
    │   └── TaskbarLyrics.hpp
├── taskbar-lyrics.vcxproj
└── taskbar-lyrics.vcxproj.filters


/.github/workflows/build.yml:
--------------------------------------------------------------------------------
 1 | name: Build
 2 | 
 3 | on:
 4 |   push:
 5 |     branches:
 6 |       - main
 7 | 
 8 | permissions:
 9 |   contents: write
10 | 
11 | jobs:
12 |   build:
13 |     runs-on: windows-latest
14 | 
15 |     steps:
16 |       - name: Checkout Code
17 |         uses: actions/checkout@v3
18 | 
19 |       - name: Setup MSBuild
20 |         uses: microsoft/setup-msbuild@v1.1
21 | 
22 |       - name: Install VCPKG Packages
23 |         run: |
24 |           vcpkg install cpp-httplib:x86-windows
25 |           vcpkg install nlohmann-json:x86-windows
26 |           vcpkg integrate install
27 | 
28 |       - name: Build
29 |         working-directory: ${{ env.GITHUB_WORKSPACE }}
30 |         run: msbuild "Taskbar Lyrics.sln" -p:Configuration=Release -p:Platform="x86"
31 | 
32 |       - name: Upload Artifacts
33 |         uses: actions/upload-artifact@v1
34 |         with:
35 |           name: dist
36 |           path: dist
37 | 
38 |   deploy:
39 |     concurrency: ci-${{ github.ref }}
40 |     needs: [build]
41 |     runs-on: ubuntu-latest
42 |     steps:
43 |       - name: Checkout
44 |         uses: actions/checkout@v3
45 | 
46 |       - name: Download Artifacts
47 |         uses: actions/download-artifact@v1
48 |         with:
49 |           name: dist
50 | 
51 |       - name: Deploy
52 |         uses: JamesIves/github-pages-deploy-action@v4
53 |         with:
54 |           branch: main
55 |           target-folder: dist
56 |           folder: dist
57 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .vs
 2 | .vscode
 3 | 
 4 | Release
 5 | Debug
 6 | 
 7 | dist_debug
 8 | dist/taskbar-lyrics.pdb
 9 | 
10 | betterncm-plugin.vcxproj.user
11 | taskbar-lyrics.vcxproj.user


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2023 沫烬染
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Taskbar-Lyrics
 2 | 
 3 | BetterNCM插件，在任务栏上嵌入歌词，目前仅建议Windows 11
 4 | 
 5 | 只适配原版任务栏，使用第三方软件修改后出现问题的均不解决！
 6 | 
 7 | 编译需安装以下库：
 8 | 
 9 | `cpp-httplib:x86-windows`
10 | 
11 | `nlohmann-json:x86-windows`
12 | 
13 | ![preview](dist/preview.png)
14 | 


--------------------------------------------------------------------------------
/Taskbar Lyrics.sln:
--------------------------------------------------------------------------------
 1 | Microsoft Visual Studio Solution File, Format Version 12.00
 2 | # Visual Studio Version 17
 3 | VisualStudioVersion = 17.3.32922.545
 4 | MinimumVisualStudioVersion = 10.0.40219.1
 5 | Project("{8BC9CEB8-8B4A-11D0-8D11-00A0C91BC942}") = "taskbar-lyrics", "taskbar-lyrics.vcxproj", "{2CD1B59B-4A33-4BB0-B33F-9D30756C742F}"
 6 | EndProject
 7 | Project("{8BC9CEB8-8B4A-11D0-8D11-00A0C91BC942}") = "betterncm-plugin", "betterncm-plugin.vcxproj", "{AD169A72-1455-4635-97CC-E5EDF1CB41D5}"
 8 | EndProject
 9 | Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "杂项", "杂项", "{682F0C3C-6A14-4C74-9834-A9AE0772FB3C}"
10 | 	ProjectSection(SolutionItems) = preProject
11 | 		.gitignore = .gitignore
12 | 		.github\workflows\build.yml = .github\workflows\build.yml
13 | 		LICENSE = LICENSE
14 | 		README.md = README.md
15 | 	EndProjectSection
16 | EndProject
17 | Global
18 | 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
19 | 		Debug|x86 = Debug|x86
20 | 		Release|x86 = Release|x86
21 | 	EndGlobalSection
22 | 	GlobalSection(ProjectConfigurationPlatforms) = postSolution
23 | 		{2CD1B59B-4A33-4BB0-B33F-9D30756C742F}.Debug|x86.ActiveCfg = Debug|Win32
24 | 		{2CD1B59B-4A33-4BB0-B33F-9D30756C742F}.Debug|x86.Build.0 = Debug|Win32
25 | 		{2CD1B59B-4A33-4BB0-B33F-9D30756C742F}.Release|x86.ActiveCfg = Release|Win32
26 | 		{2CD1B59B-4A33-4BB0-B33F-9D30756C742F}.Release|x86.Build.0 = Release|Win32
27 | 		{AD169A72-1455-4635-97CC-E5EDF1CB41D5}.Debug|x86.ActiveCfg = Debug|Win32
28 | 		{AD169A72-1455-4635-97CC-E5EDF1CB41D5}.Debug|x86.Build.0 = Debug|Win32
29 | 		{AD169A72-1455-4635-97CC-E5EDF1CB41D5}.Release|x86.ActiveCfg = Release|Win32
30 | 		{AD169A72-1455-4635-97CC-E5EDF1CB41D5}.Release|x86.Build.0 = Release|Win32
31 | 	EndGlobalSection
32 | 	GlobalSection(SolutionProperties) = preSolution
33 | 		HideSolutionNode = FALSE
34 | 	EndGlobalSection
35 | 	GlobalSection(ExtensibilityGlobals) = postSolution
36 | 		SolutionGuid = {06E44E1D-A535-45B8-A01E-DDD7FC40CE19}
37 | 	EndGlobalSection
38 | EndGlobal


--------------------------------------------------------------------------------
/betterncm-plugin.vcxproj:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <Project DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
  3 |   <ItemGroup Label="ProjectConfigurations">
  4 |     <ProjectConfiguration Include="Debug|Win32">
  5 |       <Configuration>Debug</Configuration>
  6 |       <Platform>Win32</Platform>
  7 |     </ProjectConfiguration>
  8 |     <ProjectConfiguration Include="Release|Win32">
  9 |       <Configuration>Release</Configuration>
 10 |       <Platform>Win32</Platform>
 11 |     </ProjectConfiguration>
 12 |   </ItemGroup>
 13 |   <ItemGroup>
 14 |     <None Include="src\betterncm-plugin\base.js" />
 15 |     <None Include="src\betterncm-plugin\config.html" />
 16 |     <None Include="src\betterncm-plugin\func.js" />
 17 |     <None Include="src\betterncm-plugin\lyric.js" />
 18 |     <None Include="src\betterncm-plugin\manifest.json" />
 19 |     <None Include="src\betterncm-plugin\style.css" />
 20 |     <None Include="src\betterncm-plugin\view.js" />
 21 |   </ItemGroup>
 22 |   <ItemGroup>
 23 |     <Image Include="src\betterncm-plugin\preview.png" />
 24 |   </ItemGroup>
 25 |   <PropertyGroup Label="Globals">
 26 |     <VCProjectVersion>16.0</VCProjectVersion>
 27 |     <Keyword>Win32Proj</Keyword>
 28 |     <ProjectGuid>{ad169a72-1455-4635-97cc-e5edf1cb41d5}</ProjectGuid>
 29 |     <RootNamespace>betterncmplugin</RootNamespace>
 30 |     <WindowsTargetPlatformVersion>10.0</WindowsTargetPlatformVersion>
 31 |   </PropertyGroup>
 32 |   <Import Project="$(VCTargetsPath)\Microsoft.Cpp.Default.props" />
 33 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|Win32'" Label="Configuration">
 34 |     <ConfigurationType>Application</ConfigurationType>
 35 |     <UseDebugLibraries>true</UseDebugLibraries>
 36 |     <PlatformToolset>v143</PlatformToolset>
 37 |     <CharacterSet>Unicode</CharacterSet>
 38 |   </PropertyGroup>
 39 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Release|Win32'" Label="Configuration">
 40 |     <ConfigurationType>Application</ConfigurationType>
 41 |     <UseDebugLibraries>false</UseDebugLibraries>
 42 |     <PlatformToolset>v143</PlatformToolset>
 43 |     <WholeProgramOptimization>true</WholeProgramOptimization>
 44 |     <CharacterSet>Unicode</CharacterSet>
 45 |   </PropertyGroup>
 46 |   <Import Project="$(VCTargetsPath)\Microsoft.Cpp.props" />
 47 |   <ImportGroup Label="ExtensionSettings">
 48 |   </ImportGroup>
 49 |   <ImportGroup Label="Shared">
 50 |   </ImportGroup>
 51 |   <ImportGroup Label="PropertySheets" Condition="'$(Configuration)|$(Platform)'=='Debug|Win32'">
 52 |     <Import Project="$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props" Condition="exists('$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props')" Label="LocalAppDataPlatform" />
 53 |   </ImportGroup>
 54 |   <ImportGroup Label="PropertySheets" Condition="'$(Configuration)|$(Platform)'=='Release|Win32'">
 55 |     <Import Project="$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props" Condition="exists('$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props')" Label="LocalAppDataPlatform" />
 56 |   </ImportGroup>
 57 |   <ImportGroup Label="PropertySheets" Condition="'$(Configuration)|$(Platform)'=='Debug|x64'">
 58 |     <Import Project="$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props" Condition="exists('$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props')" Label="LocalAppDataPlatform" />
 59 |   </ImportGroup>
 60 |   <ImportGroup Label="PropertySheets" Condition="'$(Configuration)|$(Platform)'=='Release|x64'">
 61 |     <Import Project="$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props" Condition="exists('$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props')" Label="LocalAppDataPlatform" />
 62 |   </ImportGroup>
 63 |   <PropertyGroup Label="UserMacros" />
 64 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|Win32'">
 65 |     <IntDir>$(Configuration)\betterncm-plugin\</IntDir>
 66 |     <OutDir>$(SolutionDir)\dist_debug\</OutDir>
 67 |   </PropertyGroup>
 68 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Release|Win32'">
 69 |     <IntDir>$(Configuration)\betterncm-plugin\</IntDir>
 70 |     <OutDir>$(SolutionDir)\dist\</OutDir>
 71 |   </PropertyGroup>
 72 |   <ItemDefinitionGroup Condition="'$(Configuration)|$(Platform)'=='Debug|Win32'">
 73 |     <ClCompile>
 74 |       <WarningLevel>Level3</WarningLevel>
 75 |       <SDLCheck>true</SDLCheck>
 76 |       <PreprocessorDefinitions>WIN32;_DEBUG;_CONSOLE;%(PreprocessorDefinitions)</PreprocessorDefinitions>
 77 |       <ConformanceMode>true</ConformanceMode>
 78 |     </ClCompile>
 79 |     <Link>
 80 |       <SubSystem>Console</SubSystem>
 81 |       <GenerateDebugInformation>true</GenerateDebugInformation>
 82 |     </Link>
 83 |     <PostBuildEvent>
 84 |       <Command>
 85 |       </Command>
 86 |     </PostBuildEvent>
 87 |     <PreBuildEvent>
 88 |       <Command>copy src\betterncm-plugin\index.js dist_debug
 89 | copy src\betterncm-plugin\manifest.json dist_debug
 90 | copy src\betterncm-plugin\preview.png dist_debug</Command>
 91 |     </PreBuildEvent>
 92 |   </ItemDefinitionGroup>
 93 |   <ItemDefinitionGroup Condition="'$(Configuration)|$(Platform)'=='Release|Win32'">
 94 |     <ClCompile>
 95 |       <WarningLevel>Level3</WarningLevel>
 96 |       <FunctionLevelLinking>true</FunctionLevelLinking>
 97 |       <IntrinsicFunctions>true</IntrinsicFunctions>
 98 |       <SDLCheck>true</SDLCheck>
 99 |       <PreprocessorDefinitions>WIN32;NDEBUG;_CONSOLE;%(PreprocessorDefinitions)</PreprocessorDefinitions>
100 |       <ConformanceMode>true</ConformanceMode>
101 |     </ClCompile>
102 |     <Link>
103 |       <SubSystem>Console</SubSystem>
104 |       <EnableCOMDATFolding>true</EnableCOMDATFolding>
105 |       <OptimizeReferences>true</OptimizeReferences>
106 |       <GenerateDebugInformation>true</GenerateDebugInformation>
107 |     </Link>
108 |     <PostBuildEvent>
109 |       <Command>
110 |       </Command>
111 |     </PostBuildEvent>
112 |     <PreBuildEvent>
113 |       <Command>copy src\betterncm-plugin\* dist</Command>
114 |     </PreBuildEvent>
115 |   </ItemDefinitionGroup>
116 |   <Import Project="$(VCTargetsPath)\Microsoft.Cpp.targets" />
117 |   <ImportGroup Label="ExtensionTargets">
118 |   </ImportGroup>
119 | </Project>


--------------------------------------------------------------------------------
/betterncm-plugin.vcxproj.filters:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <Project ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
 3 |   <ItemGroup>
 4 |     <Filter Include="源文件">
 5 |       <UniqueIdentifier>{4FC737F1-C7A5-4376-A066-2A32D752A2FF}</UniqueIdentifier>
 6 |       <Extensions>cpp;c;cc;cxx;c++;cppm;ixx;def;odl;idl;hpj;bat;asm;asmx</Extensions>
 7 |     </Filter>
 8 |   </ItemGroup>
 9 |   <ItemGroup>
10 |     <None Include="src\betterncm-plugin\base.js">
11 |       <Filter>源文件</Filter>
12 |     </None>
13 |     <None Include="src\betterncm-plugin\config.html">
14 |       <Filter>源文件</Filter>
15 |     </None>
16 |     <None Include="src\betterncm-plugin\func.js">
17 |       <Filter>源文件</Filter>
18 |     </None>
19 |     <None Include="src\betterncm-plugin\lyric.js">
20 |       <Filter>源文件</Filter>
21 |     </None>
22 |     <None Include="src\betterncm-plugin\manifest.json">
23 |       <Filter>源文件</Filter>
24 |     </None>
25 |     <None Include="src\betterncm-plugin\style.css">
26 |       <Filter>源文件</Filter>
27 |     </None>
28 |     <None Include="src\betterncm-plugin\view.js">
29 |       <Filter>源文件</Filter>
30 |     </None>
31 |   </ItemGroup>
32 |   <ItemGroup>
33 |     <Image Include="src\betterncm-plugin\preview.png">
34 |       <Filter>源文件</Filter>
35 |     </Image>
36 |   </ItemGroup>
37 | </Project>


--------------------------------------------------------------------------------
/dist/base.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | 
  4 | plugin.onLoad(async () => {
  5 |     const TaskbarLyricsPort = BETTERNCM_API_PORT - 2;
  6 | 
  7 |     const TaskbarLyricsFetch = (path, params) => fetch(
  8 |         `http://127.0.0.1:${TaskbarLyricsPort}/taskbar${path}`,
  9 |         {
 10 |             method: "POST",
 11 |             body: JSON.stringify(params),
 12 |             headers: {
 13 |                 "Content-Type": "application/json"
 14 |             }
 15 |         }
 16 |     );
 17 | 
 18 |     const TaskbarLyricsAPI = {
 19 |         // 字体设置
 20 |         font: {
 21 |             font: params => TaskbarLyricsFetch("/font/font", params),
 22 |             color: params => TaskbarLyricsFetch("/font/color", params),
 23 |             style: params => TaskbarLyricsFetch("/font/style", params),
 24 |         },
 25 | 
 26 |         // 歌词设置
 27 |         lyrics: {
 28 |             lyrics: params => TaskbarLyricsFetch("/lyrics/lyrics", params),
 29 |             align: params => TaskbarLyricsFetch("/lyrics/align", params),
 30 |         },
 31 | 
 32 |         // 窗口设置
 33 |         window: {
 34 |             position: params => TaskbarLyricsFetch("/window/position", params),
 35 |             margin: params => TaskbarLyricsFetch("/window/margin", params),
 36 |             screen: params => TaskbarLyricsFetch("/window/screen", params),
 37 |         },
 38 | 
 39 |         // 关闭
 40 |         close: params => TaskbarLyricsFetch("/close", params)
 41 |     };
 42 | 
 43 | 
 44 |     // 对应Windows的枚举
 45 |     const WindowsEnum = {
 46 |         WindowAlignment: {
 47 |             WindowAlignmentAdaptive: 0,
 48 |             WindowAlignmentLeft: 1,
 49 |             WindowAlignmentCenter: 2,
 50 |             WindowAlignmentRight: 3
 51 |         },
 52 |         DWRITE_TEXT_ALIGNMENT: {
 53 |             DWRITE_TEXT_ALIGNMENT_LEADING: 0,
 54 |             DWRITE_TEXT_ALIGNMENT_TRAILING: 1,
 55 |             DWRITE_TEXT_ALIGNMENT_CENTER: 2,
 56 |             DWRITE_TEXT_ALIGNMENT_JUSTIFIED: 3
 57 |         },
 58 |         DWRITE_FONT_WEIGHT: {
 59 |             DWRITE_FONT_WEIGHT_THIN: 100,
 60 |             DWRITE_FONT_WEIGHT_EXTRA_LIGHT: 200,
 61 |             DWRITE_FONT_WEIGHT_ULTRA_LIGHT: 200,
 62 |             DWRITE_FONT_WEIGHT_LIGHT: 300,
 63 |             DWRITE_FONT_WEIGHT_SEMI_LIGHT: 350,
 64 |             DWRITE_FONT_WEIGHT_NORMAL: 400,
 65 |             DWRITE_FONT_WEIGHT_REGULAR: 400,
 66 |             DWRITE_FONT_WEIGHT_MEDIUM: 500,
 67 |             DWRITE_FONT_WEIGHT_DEMI_BOLD: 600,
 68 |             DWRITE_FONT_WEIGHT_SEMI_BOLD: 600,
 69 |             DWRITE_FONT_WEIGHT_BOLD: 700,
 70 |             DWRITE_FONT_WEIGHT_EXTRA_BOLD: 800,
 71 |             DWRITE_FONT_WEIGHT_ULTRA_BOLD: 800,
 72 |             DWRITE_FONT_WEIGHT_BLACK: 900,
 73 |             DWRITE_FONT_WEIGHT_HEAVY: 900,
 74 |             DWRITE_FONT_WEIGHT_EXTRA_BLACK: 950,
 75 |             DWRITE_FONT_WEIGHT_ULTRA_BLACK: 950
 76 |         },
 77 |         DWRITE_FONT_STYLE: {
 78 |             DWRITE_FONT_STYLE_NORMAL: 0,
 79 |             DWRITE_FONT_STYLE_OBLIQUE: 1,
 80 |             DWRITE_FONT_STYLE_ITALIC: 2
 81 |         }
 82 |     };
 83 | 
 84 | 
 85 |     // 默认的配置
 86 |     const defaultConfig = {
 87 |         "font": {
 88 |             "font_family": "Microsoft YaHei UI"
 89 |         },
 90 |         "color": {
 91 |             "basic": {
 92 |                 "light": {
 93 |                     "hex_color": 0x000000,
 94 |                     "opacity": 1.0
 95 |                 },
 96 |                 "dark": {
 97 |                     "hex_color": 0xFFFFFF,
 98 |                     "opacity": 1.0
 99 |                 }
100 |             },
101 |             "extra": {
102 |                 "light": {
103 |                     "hex_color": 0x000000,
104 |                     "opacity": 1.0
105 |                 },
106 |                 "dark": {
107 |                     "hex_color": 0xFFFFFF,
108 |                     "opacity": 1.0
109 |                 }
110 |             }
111 |         },
112 |         "style": {
113 |             "basic": {
114 |                 "weight": {
115 |                     "value": WindowsEnum.DWRITE_FONT_WEIGHT.DWRITE_FONT_WEIGHT_NORMAL,
116 |                     "textContent": "Normal (400)"
117 |                 },
118 |                 "slope": WindowsEnum.DWRITE_FONT_STYLE.DWRITE_FONT_STYLE_NORMAL,
119 |                 "underline": false,
120 |                 "strikethrough": false
121 |             },
122 |             "extra": {
123 |                 "weight": {
124 |                     "value": WindowsEnum.DWRITE_FONT_WEIGHT.DWRITE_FONT_WEIGHT_NORMAL,
125 |                     "textContent": "Normal (400)"
126 |                 },
127 |                 "slope": WindowsEnum.DWRITE_FONT_STYLE.DWRITE_FONT_STYLE_NORMAL,
128 |                 "underline": false,
129 |                 "strikethrough": false
130 |             }
131 |         },
132 |         "lyrics": {
133 |             "retrieval_method": {
134 |                 "value": 1,
135 |                 "textContent": "使用LibLyric解析获取歌词",
136 |             }
137 |         },
138 |         "effect": {
139 |             "next_line_lyrics_position": {
140 |                 "value": 0,
141 |                 "textContent": "副歌词，下句歌词显示在这"
142 |             },
143 |             "extra_show": {
144 |                 "value": 2,
145 |                 "textContent": "当前翻译，没则用上个选项"
146 |             },
147 |             "adjust": 0.0
148 |         },
149 |         "align": {
150 |             "basic": WindowsEnum.DWRITE_TEXT_ALIGNMENT.DWRITE_TEXT_ALIGNMENT_LEADING,
151 |             "extra": WindowsEnum.DWRITE_TEXT_ALIGNMENT.DWRITE_TEXT_ALIGNMENT_LEADING
152 |         },
153 |         "position": {
154 |             "position": {
155 |                 "value": WindowsEnum.WindowAlignment.WindowAlignmentAdaptive,
156 |                 "textContent": "自动，自适应选择左或右"
157 |             }
158 |         },
159 |         "margin": {
160 |             "left": 0,
161 |             "right": 0
162 |         },
163 |         "screen": {
164 |             "parent_taskbar": {
165 |                 "value": "Shell_TrayWnd",
166 |                 "textContent": "主屏幕任务栏"
167 |             }
168 |         }
169 |     };
170 | 
171 | 
172 |     const pluginConfig = {
173 |         get: name => Object.assign({}, defaultConfig[name], plugin.getConfig(name, defaultConfig[name])),
174 |         set: (name, value) => plugin.setConfig(name, value)
175 |     };
176 | 
177 | 
178 |     this.base = {
179 |         TaskbarLyricsPort,
180 |         TaskbarLyricsAPI,
181 |         WindowsEnum,
182 |         defaultConfig,
183 |         pluginConfig
184 |     };
185 | });
186 | 


--------------------------------------------------------------------------------
/dist/config.html:
--------------------------------------------------------------------------------
  1 | <div id="taskbar-lyrics-dom">
  2 |     <!-- tab选项卡 -->
  3 |     <header class="tab_box">
  4 |         <button class="tab_button active">字体</button>
  5 |         <button class="tab_button">歌词</button>
  6 |         <button class="tab_button">窗口</button>
  7 |         <button class="tab_button">关于</button>
  8 |         <button class="tab_button">日志</button>
  9 |     </header>
 10 | 
 11 |     <!-- 主体内容 -->
 12 |     <main class="content_box">
 13 |         <!-- 字体 -->
 14 |         <div class="content font show">
 15 |             <!-- 更换字体 -->
 16 |             <section class="font-settings">
 17 |                 <h1>
 18 |                     <strong>更换字体：</strong>
 19 |                     <button class="u-ibtn5 u-ibtnsz8 apply">立即应用</button>
 20 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
 21 |                 </h1>
 22 |                 <div class="item_container">
 23 |                     <span>字体名称：</span>
 24 |                     <input type="text" class="u-txt sc-flag font-family">
 25 |                 </div>
 26 |             </section>
 27 | 
 28 |             <hr />
 29 | 
 30 |             <!-- 字体颜色 -->
 31 |             <section class="color-settings">
 32 |                 <h1>
 33 |                     <strong>字体颜色：</strong>
 34 |                     <button class="u-ibtn5 u-ibtnsz8 apply">立即应用</button>
 35 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
 36 |                 </h1>
 37 |                 <div class="item_container">
 38 |                     <span>主歌词-浅色模式：</span>
 39 |                     <input type="color" class="u-txt sc-flag color-input basic-light-color">
 40 |                     <span>透明度：</span>
 41 |                     <input type="number" class="u-txt sc-flag number-input basic-light-opacity" step="0.01" min="0" max="1">
 42 |                 </div>
 43 |                 <div class="item_container">
 44 |                     <span>主歌词-深色模式：</span>
 45 |                     <input type="color" class="u-txt sc-flag color-input basic-dark-color">
 46 |                     <span>透明度：</span>
 47 |                     <input type="number" class="u-txt sc-flag number-input basic-dark-opacity" step="0.01" min="0" max="1">
 48 |                 </div>
 49 |                 <div class="item_container">
 50 |                     <span>副歌词-浅色模式：</span>
 51 |                     <input type="color" class="u-txt sc-flag color-input extra-light-color">
 52 |                     <span>透明度：</span>
 53 |                     <input type="number" class="u-txt sc-flag number-input extra-light-opacity" step="0.01" min="0" max="1">
 54 |                 </div>
 55 |                 <div class="item_container">
 56 |                     <span>副歌词-深色模式：</span>
 57 |                     <input type="color" class="u-txt sc-flag color-input extra-dark-color">
 58 |                     <span>透明度：</span>
 59 |                     <input type="number" class="u-txt sc-flag number-input extra-dark-opacity" step="0.01" min="0" max="1">
 60 |                 </div>
 61 |             </section>
 62 | 
 63 |             <hr />
 64 | 
 65 |             <!-- 字体样式 -->
 66 |             <section class="style-settings">
 67 |                 <h1>
 68 |                     <strong>字体样式：</strong>
 69 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
 70 |                 </h1>
 71 |                 <div class="item_container">
 72 |                     <span>主歌词-字体字重：</span>
 73 |                     <div class="u-select basic-weight" style="z-index: 2;">
 74 |                         <div class="value">Normal (400)</div>
 75 |                         <div class="sltwrap">
 76 |                             <ul class="select" data-type="basic">
 77 |                                 <li class="option f-thide" data-value="100">Thin (100)</li>
 78 |                                 <li class="option f-thide" data-value="200">Extra-light (200)</li>
 79 |                                 <li class="option f-thide" data-value="200">Ultra-light (200)</li>
 80 |                                 <li class="option f-thide" data-value="300">Light (300)</li>
 81 |                                 <li class="option f-thide" data-value="350">Semi-light (350)</li>
 82 |                                 <li class="option f-thide" data-value="400">Normal (400)</li>
 83 |                                 <li class="option f-thide" data-value="400">Regular (400)</li>
 84 |                                 <li class="option f-thide" data-value="500">Medium (500)</li>
 85 |                                 <li class="option f-thide" data-value="600">Demi-bold (600)</li>
 86 |                                 <li class="option f-thide" data-value="600">Semi-bold (600)</li>
 87 |                                 <li class="option f-thide" data-value="700">Bold (700)</li>
 88 |                                 <li class="option f-thide" data-value="800">Extra-bold (800)</li>
 89 |                                 <li class="option f-thide" data-value="800">Ultra-bold (800)</li>
 90 |                                 <li class="option f-thide" data-value="900">Black (900)</li>
 91 |                                 <li class="option f-thide" data-value="900">Heavy (900)</li>
 92 |                                 <li class="option f-thide" data-value="950">Extra-black (950)</li>
 93 |                                 <li class="option f-thide" data-value="950">Ultra-black (950)</li>
 94 |                             </ul>
 95 |                         </div>
 96 |                     </div>
 97 |                 </div>
 98 |                 <div class="item_container">
 99 |                     <span>主歌词-字体斜体：</span>
100 |                     <button class="u-ibtn5 u-ibtnsz8 basic-normal" data-type="basic">Normal</button>
101 |                     <button class="u-ibtn5 u-ibtnsz8 basic-oblique" data-type="basic">Oblique</button>
102 |                     <button class="u-ibtn5 u-ibtnsz8 basic-italic" data-type="basic">Italic</button>
103 |                 </div>
104 |                 <div class="item_container">
105 |                     <span>主歌词-下划线：</span>
106 |                     <input type="checkbox" class="switch-btn basic-underline" data-type="basic">
107 |                 </div>
108 |                 <div class="item_container">
109 |                     <span>主歌词-删除线：</span>
110 |                     <input type="checkbox" class="switch-btn basic-strikethrough" data-type="basic">
111 |                 </div>
112 |                 <div class="item_container">
113 |                     <span>副歌词-字体字重：</span>
114 |                     <div class="u-select extra-weight">
115 |                         <div class="value">Normal (400)</div>
116 |                         <div class="sltwrap">
117 |                             <ul class="select" data-type="extra">
118 |                                 <li class="option f-thide" data-value="100">Thin (100)</li>
119 |                                 <li class="option f-thide" data-value="200">Extra-light (200)</li>
120 |                                 <li class="option f-thide" data-value="200">Ultra-light (200)</li>
121 |                                 <li class="option f-thide" data-value="300">Light (300)</li>
122 |                                 <li class="option f-thide" data-value="350">Semi-light (350)</li>
123 |                                 <li class="option f-thide" data-value="400">Normal (400)</li>
124 |                                 <li class="option f-thide" data-value="400">Regular (400)</li>
125 |                                 <li class="option f-thide" data-value="500">Medium (500)</li>
126 |                                 <li class="option f-thide" data-value="600">Demi-bold (600)</li>
127 |                                 <li class="option f-thide" data-value="600">Semi-bold (600)</li>
128 |                                 <li class="option f-thide" data-value="700">Bold (700)</li>
129 |                                 <li class="option f-thide" data-value="800">Extra-bold (800)</li>
130 |                                 <li class="option f-thide" data-value="800">Ultra-bold (800)</li>
131 |                                 <li class="option f-thide" data-value="900">Black (900)</li>
132 |                                 <li class="option f-thide" data-value="900">Heavy (900)</li>
133 |                                 <li class="option f-thide" data-value="950">Extra-black (950)</li>
134 |                                 <li class="option f-thide" data-value="950">Ultra-black (950)</li>
135 |                             </ul>
136 |                         </div>
137 |                     </div>
138 |                 </div>
139 |                 <div class="item_container">
140 |                     <span>副歌词-字体斜体：</span>
141 |                     <button class="u-ibtn5 u-ibtnsz8 extra-normal" data-type="extra">Normal</button>
142 |                     <button class="u-ibtn5 u-ibtnsz8 extra-oblique" data-type="extra">Oblique</button>
143 |                     <button class="u-ibtn5 u-ibtnsz8 extra-italic" data-type="extra">Italic</button>
144 |                 </div>
145 |                 <div class="item_container">
146 |                     <span>副歌词-下划线：</span>
147 |                     <input type="checkbox" class="switch-btn extra-underline" data-type="extra">
148 |                 </div>
149 |                 <div class="item_container">
150 |                     <span>副歌词-删除线：</span>
151 |                     <input type="checkbox" class="switch-btn extra-strikethrough" data-type="extra">
152 |                 </div>
153 |             </section>
154 |         </div>
155 | 
156 |         <!-- 歌词 -->
157 |         <div class="content lyrics">
158 |             <!-- 歌词设置 -->
159 |             <section class="lyrics-settings">
160 |                 <h1>
161 |                     <strong>歌词设置：</strong>
162 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
163 |                 </h1>
164 |                 <div class="item_container">
165 |                     <span>歌词开关：</span>
166 |                     <input type="checkbox" class="switch-btn lyrics-switch" checked>
167 |                 </div>
168 |                 <div class="item_container">
169 |                     <span>获取方法：</span>
170 |                     <div class="u-select retrieval-method">
171 |                         <div class="value">使用LibLyric解析获取歌词</div>
172 |                         <div class="sltwrap">
173 |                             <ul class="select">
174 |                                 <li class="option f-thide" data-value="0">使用软件内词栏监听获取歌词</li>
175 |                                 <li class="option f-thide" data-value="1">使用LibLyric解析获取歌词</li>
176 |                                 <li class="option f-thide" data-value="2">使用RefinedNowPlaying歌词</li>
177 |                             </ul>
178 |                         </div>
179 |                     </div>
180 |                 </div>
181 |             </section>
182 | 
183 |             <hr />
184 | 
185 |             <!-- 显示效果 -->
186 |             <section class="effect-settings">
187 |                 <h1>
188 |                     <strong>显示效果：</strong>
189 |                     <button class="u-ibtn5 u-ibtnsz8 apply">立即应用</button>
190 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
191 |                 </h1>
192 |                 <div class="item_container">
193 |                     <span>延迟调整：</span>
194 |                     <input type="number" class="u-txt sc-flag number-input adjust" step="0.1" min="-10" max="10">
195 |                 </div>
196 |                 <div class="item_container">
197 |                     <span>下句歌词位置：</span>
198 |                     <div class="u-select next-line-lyrics-position" style="z-index: 2;">
199 |                         <div class="value">副歌词，下句歌词显示在这</div>
200 |                         <div class="sltwrap">
201 |                             <ul class="select">
202 |                                 <li class="option f-thide" data-value="0">副歌词，下句歌词显示在这</li>
203 |                                 <li class="option f-thide" data-value="1">主歌词，下句歌词显示在这</li>
204 |                                 <li class="option f-thide" data-value="2">交错式，就跟桌面歌词一样</li>
205 |                             </ul>
206 |                         </div>
207 |                     </div>
208 |                 </div>
209 |                 <div class="item_container">
210 |                     <span>副歌词显示：</span>
211 |                     <div class="u-select extra-show">
212 |                         <div class="value"></div>
213 |                         <div class="sltwrap">
214 |                             <ul class="select">
215 |                                 <li class="option f-thide" data-value="0">隐藏歌词，让歌词独占两行</li>
216 |                                 <li class="option f-thide" data-value="1">下句歌词，没则用上个选项</li>
217 |                                 <li class="option f-thide" data-value="2">当前翻译，没则用上个选项</li>
218 |                                 <li class="option f-thide" data-value="3">当前音译，没则用上个选项</li>
219 |                             </ul>
220 |                         </div>
221 |                     </div>
222 |                 </div>
223 |             </section>
224 | 
225 |             <hr />
226 | 
227 |             <!-- 对齐方式 -->
228 |             <section class="align-settings">
229 |                 <h1>
230 |                     <strong>对齐方式：</strong>
231 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
232 |                 </h1>
233 |                 <div class="item_container">
234 |                     <span>主歌词：</span>
235 |                     <button class="u-ibtn5 u-ibtnsz8 basic-left" data-type="basic">左</button>
236 |                     <button class="u-ibtn5 u-ibtnsz8 basic-center" data-type="basic">中</button>
237 |                     <button class="u-ibtn5 u-ibtnsz8 basic-right" data-type="basic">右</button>
238 |                 </div>
239 |                 <div class="item_container">
240 |                     <span>副歌词：</span>
241 |                     <button class="u-ibtn5 u-ibtnsz8 extra-left" data-type="extra">左</button>
242 |                     <button class="u-ibtn5 u-ibtnsz8 extra-center" data-type="extra">中</button>
243 |                     <button class="u-ibtn5 u-ibtnsz8 extra-right" data-type="extra">右</button>
244 |                 </div>
245 |             </section>
246 |         </div>
247 | 
248 |         <!-- 窗口 -->
249 |         <div class="content window">
250 |             <!-- 修改位置 -->
251 |             <section class="position-settings">
252 |                 <h1>
253 |                     <strong>修改位置：</strong>
254 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
255 |                 </h1>
256 |                 <div class="item_container">
257 |                     <span>窗口位置：</span>
258 |                     <div class="u-select window-position">
259 |                         <div class="value">靠左，占满剩余空间宽度</div>
260 |                         <div class="sltwrap">
261 |                             <ul class="select">
262 |                                 <li class="option f-thide" data-value="0">自动，自适应选择左或右</li>
263 |                                 <li class="option f-thide" data-value="1">靠左，占满剩余空间宽度</li>
264 |                                 <li class="option f-thide" data-value="2">中间，基于任务栏的宽度</li>
265 |                                 <li class="option f-thide" data-value="3">靠右，占满剩余空间宽度</li>
266 |                             </ul>
267 |                         </div>
268 |                     </div>
269 |                 </div>
270 |             </section>
271 | 
272 |             <hr />
273 | 
274 |             <!-- 修改边距 -->
275 |             <section class="margin-settings">
276 |                 <h1>
277 |                     <strong>修改边距：</strong>
278 |                     <button class="u-ibtn5 u-ibtnsz8 apply">立即应用</button>
279 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
280 |                 </h1>
281 |                 <div class="item_container">
282 |                     <span>左边距：</span>
283 |                     <input type="number" class="u-txt sc-flag number-input left">
284 |                 </div>
285 |                 <div class="item_container">
286 |                     <span>右边距：</span>
287 |                     <input type="number" class="u-txt sc-flag number-input right">
288 |                 </div>
289 |             </section>
290 | 
291 |             <hr />
292 | 
293 |             <!-- 切换屏幕 -->
294 |             <section class="screen-settings">
295 |                 <h1>
296 |                     <strong>切换屏幕：（实验性功能，目前在副屏有BUG）</strong>
297 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
298 |                 </h1>
299 |                 <div class="item_container">
300 |                     <span>父任务栏：</span>
301 |                     <div class="u-select parent-taskbar">
302 |                         <div class="value">主屏幕任务栏</div>
303 |                         <div class="sltwrap">
304 |                             <ul class="select">
305 |                                 <li class="option f-thide" data-value="Shell_TrayWnd">主屏幕任务栏</li>
306 |                                 <li class="option f-thide" data-value="Shell_SecondaryTrayWnd">副屏幕任务栏</li>
307 |                             </ul>
308 |                         </div>
309 |                     </div>
310 |                 </div>
311 |             </section>
312 |         </div>
313 | 
314 |         <!-- 关于 -->
315 |         <div class="content about">
316 |             <!-- 关于插件 -->
317 |             <section>
318 |                 <h1>
319 |                     <strong>关于插件：</strong>
320 |                 </h1>
321 |                 <div class="text_container">
322 |                     <p>
323 |                         <span>作者名称：</span>
324 |                         <a onclick="betterncm.ncm.openUrl(this.title)" title="https://github.com/mo-jinran">🌈沫烬染🐾</a>
325 |                     </p>
326 |                     <p>
327 |                         <span>仓库链接：</span>
328 |                         <a onclick="betterncm.ncm.openUrl(this.title)" title="https://github.com/mo-jinran/Taskbar-Lyrics">Taskbar-Lyrics</a>
329 |                     </p>
330 |                     <p>==================================================</p>
331 |                     <p>以上链接均为Github，喜欢就来点个Star吧~</p>
332 |                     <p>如有BUG或建议欢迎前来发Issue</p>
333 |                     <p>有大佬感兴趣来Fork本项目提交PR</p>
334 |                     <p>来帮助我们将此插件变得更好！</p>
335 |                 </div>
336 |             </section>
337 | 
338 |             <hr />
339 | 
340 |             <!-- 注意事项 -->
341 |             <section>
342 |                 <h1>
343 |                     <strong>注意事项：</strong>
344 |                 </h1>
345 |                 <div class="text_container">
346 |                     <p>本插件适用于Windows 11，且任务栏没用第三方软件重度修改</p>
347 |                     <p>如遇到某些选项不生效，请尝试点击选项旁边的“恢复默认”按钮</p>
348 |                     <p>如遇到不显示歌词，并且没有个性化的效果，请尝试“重载网易云”</p>
349 |                 </div>
350 |             </section>
351 | 
352 |             <hr />
353 | 
354 |             <!-- 杂七杂八 -->
355 |             <section>
356 |                 <h1>
357 |                     <strong>杂七杂八：</strong>
358 |                 </h1>
359 |                 <div class="text_container">
360 |                     <p>插件名称是“Taskbar-Lyrics”，“任务栏歌词”，不是状态栏呀</p>
361 |                     <p>插件并非为BetterNCM提供的Native Plugin（DLL形式注入）</p>
362 |                     <p>插件会启动任务栏歌词程序，并嵌入到任务栏中和开启HTTP服务器</p>
363 |                     <p>插件端负责获取播放状态与歌词和一些个性化配置提供给软件端</p>
364 |                 </div>
365 |             </section>
366 |         </div>
367 | 
368 |         <!-- 日志 -->
369 |         <div class="content changelog">
370 |             <section>
371 |                 <h1>
372 |                     <strong>1.6.3</strong>
373 |                 </h1>
374 |                 <div class="text_container">
375 |                     <p>-> | 优化代码，移除没必要的代码</p>
376 |                     <p>-> | 修复打开下拉选择框后，点击其他区域无法收起的问题</p>
377 |                     <p>-> | 修复使用RefinedNowPlaying歌词可能对不上的问题</p>
378 |                     <p>-> | 将API的端口号从BetterNCM API的端口号+2改成-2</p>
379 |                 </div>
380 |             </section>
381 | 
382 |             <hr />
383 | 
384 |             <section>
385 |                 <h1>
386 |                     <strong>1.6.2</strong>
387 |                 </h1>
388 |                 <div class="text_container">
389 |                     <p>-> | 修复一些选项失效的BUG</p>
390 |                     <p>-> | 添加插件更新日志（之前的日志的会有些差错</p>
391 |                     <p>-> | 添加新的歌词获取方式，使用RefinedNowPlaying歌词</p>
392 |                 </div>
393 |             </section>
394 | 
395 |             <hr />
396 | 
397 |             <section>
398 |                 <h1>
399 |                     <strong>1.6.1</strong>
400 |                 </h1>
401 |                 <div class="text_container">
402 |                     <p>-> | 琐事调整，优化代码，统一风格</p>
403 |                     <p>-> | 将一些选项换成下拉式选择框</p>
404 |                     <p>-> | 添加窗口位置自适应</p>
405 |                     <p>-> | 修复程序某些情况崩溃问题</p>
406 |                 </div>
407 |             </section>
408 | 
409 |             <hr />
410 | 
411 |             <section>
412 |                 <h1>
413 |                     <strong>1.6.0</strong>
414 |                 </h1>
415 |                 <div class="text_container">
416 |                     <p>-> | 优化代码，区分API与设置的类别</p>
417 |                     <p>-> | 添加显示效果设置，下句歌词位置</p>
418 |                     <p>-> | 将副歌词显示与延迟调整移动到显示效果内</p>
419 |                     <p>-> | 修改默认字体为：Microsoft YaHei UI</p>
420 |                 </div>
421 |             </section>
422 | 
423 |             <hr />
424 | 
425 |             <section>
426 |                 <h1>
427 |                     <strong>1.5.7</strong>
428 |                 </h1>
429 |                 <div class="text_container">
430 |                     <p>-> | 纯音乐显示歌曲名与作曲家</p>
431 |                     <p>-> | 修改设置界面分类</p>
432 |                 </div>
433 |             </section>
434 | 
435 |             <hr />
436 | 
437 |             <section>
438 |                 <h1>
439 |                     <strong>1.5.6</strong>
440 |                 </h1>
441 |                 <div class="text_container">
442 |                     <p>-> | 修复获取的路径不标准导致无法启动软件的问题</p>
443 |                 </div>
444 |             </section>
445 | 
446 |             <hr />
447 | 
448 |             <section>
449 |                 <h1>
450 |                     <strong>1.5.5</strong>
451 |                 </h1>
452 |                 <div class="text_container">
453 |                     <p>-> | 尝试解决软件不会启动的问题</p>
454 |                     <p>-> | 优化代码，移除没用到的引入</p>
455 |                     <p>-> | 解决刚打开软件时获取不到数据而报错的问题</p>
456 |                 </div>
457 |             </section>
458 | 
459 |             <hr />
460 | 
461 |             <section>
462 |                 <h1>
463 |                     <strong>1.5.4</strong>
464 |                 </h1>
465 |                 <div class="text_container">
466 |                     <p>-> | 优化代码，删除无用的调试语句与注释</p>
467 |                     <p>-> | 调整配置界面样式，配置界面适配亮暗主题</p>
468 |                     <p>-> | 重写文字排版，修复文字右对齐后最后一个字只剩一半，修复文字超出部分没有被隐藏</p>
469 |                 </div>
470 |             </section>
471 | 
472 |             <hr />
473 | 
474 |             <section>
475 |                 <h1>
476 |                     <strong>1.5.3</strong>
477 |                 </h1>
478 |                 <div class="text_container">
479 |                     <p>-> | 优化代码，调整配置界面，调整代码位置，删除调试语句</p>
480 |                     <p>-> | 读取配置时，没有或无效的将使用默认值</p>
481 |                     <p>-> | 解决切换歌曲后再切换到新的歌词获取方式时无法重新获取歌词的问题</p>
482 |                 </div>
483 |             </section>
484 | 
485 |             <hr />
486 | 
487 |             <section>
488 |                 <h1>
489 |                     <strong>1.5.2</strong>
490 |                 </h1>
491 |                 <div class="text_container">
492 |                     <p>-> | 移除对libsonginfo的依赖</p>
493 |                     <p>-> | 解决插件占用文件夹，复制软件到其他目录后运行</p>
494 |                     <p>-> | 添加切换歌词获取方式选项</p>
495 |                     <p>-> | 修改注意事项</p>
496 |                     <p>-> | 优化代码，调整配置界面布局</p>
497 |                 </div>
498 |             </section>
499 | 
500 |             <hr />
501 | 
502 |             <section>
503 |                 <h1>
504 |                     <strong>1.5.1</strong>
505 |                 </h1>
506 |                 <div class="text_container">
507 |                     <p>-> | 优化代码，调整配置界面</p>
508 |                     <p>-> | 添加歌词时间调整</p>
509 |                 </div>
510 |             </section>
511 | 
512 |             <hr />
513 | 
514 |             <section>
515 |                 <h1>
516 |                     <strong>1.5.0</strong>
517 |                 </h1>
518 |                 <div class="text_container">
519 |                     <p>-> | 重构/优化代码，重构配置界面，移除软件的互斥锁，修改一部分API</p>
520 |                     <p>-> | 添加libsonginfo与liblyric依赖</p>
521 |                     <p>-> | 添加通过liblyric获取歌词，并设为默认方式</p>
522 |                     <p>-> | 添加修改副歌词的选项</p>
523 |                     <p>-> | 修复下拉式选择框只能显示值的问题</p>
524 |                 </div>
525 |             </section>
526 | 
527 |             <hr />
528 | 
529 |             <section>
530 |                 <h1>
531 |                     <strong>1.4.3</strong>
532 |                 </h1>
533 |                 <div class="text_container">
534 |                     <p>-> | 优化代码，修改函数导出导入，拆分代码</p>
535 |                     <p>-> | 修复样式设置不生效的问题</p>
536 |                 </div>
537 |             </section>
538 | 
539 |             <hr />
540 | 
541 |             <section>
542 |                 <h1>
543 |                     <strong>1.4.2</strong>
544 |                 </h1>
545 |                 <div class="text_container">
546 |                     <p>-> | 优化代码</p>
547 |                     <p>-> | 添加回字体样式功能</p>
548 |                     <p>-> | 修复样式设置不生效的问题</p>
549 |                     <p>-> | 修复读取到不兼容的配置导致无法使用的问题</p>
550 |                 </div>
551 |             </section>
552 | 
553 |             <hr />
554 | 
555 |             <section>
556 |                 <h1>
557 |                     <strong>1.4.1</strong>
558 |                 </h1>
559 |                 <div class="text_container">
560 |                     <p>-> | 优化代码，删除无用代码</p>
561 |                     <p>-> | 修复第一次打开某些输入框不显示默认值</p>
562 |                     <p>-> | 关闭歌词时停止对歌词变动的监控</p>
563 |                 </div>
564 |             </section>
565 | 
566 |             <hr />
567 | 
568 |             <section>
569 |                 <h1>
570 |                     <strong>1.4.0</strong>
571 |                 </h1>
572 |                 <div class="text_container">
573 |                     <p>-> | 优化代码，删除无用代码</p>
574 |                     <p>-> | 重构代码，从GDI+切换为Direct2D与DirectWrite</p>
575 |                     <p>-> | 重构代码，插件端，将单文件拆分代码为多文件并注入</p>
576 |                     <p>-> | 修复第一次打开某些输入框不显示默认值</p>
577 |                     <p>-> | 关闭歌词时停止对歌词变动的监控</p>
578 |                     <p>-> | 修复歌词位置无法设置在左边的问题</p>
579 |                 </div>
580 |             </section>
581 | 
582 |             <hr />
583 | 
584 |             <section>
585 |                 <h1>
586 |                     <strong>1.3.1</strong>
587 |                 </h1>
588 |                 <div class="text_container">
589 |                     <p>-> | 微调歌词的字体大小与边距</p>
590 |                     <p>-> | 优化代码，优化设置界面</p>
591 |                     <p>-> | 更改为使用JSON传输数据</p>
592 |                     <p>-> | 添加基于整个任务栏宽度居中的按钮</p>
593 |                 </div>
594 |             </section>
595 | 
596 |             <hr />
597 | 
598 |             <section>
599 |                 <h1>
600 |                     <strong>1.3.0</strong>
601 |                 </h1>
602 |                 <div class="text_container">
603 |                     <p>-> | 添加修改边距选项</p>
604 |                     <p>-> | 添加字体样式选项</p>
605 |                     <p>-> | 修复歌词在手动关闭后再开启设置不生效的问题</p>
606 |                 </div>
607 |             </section>
608 | 
609 |             <hr />
610 | 
611 |             <section>
612 |                 <h1>
613 |                     <strong>1.2.4</strong>
614 |                 </h1>
615 |                 <div class="text_container">
616 |                     <p>-> | 优化代码</p>
617 |                     <p>-> | 添加歌词开关选项</p>
618 |                     <p>-> | 修复关闭程序后本地http服务线程不会立刻结束的问题</p>
619 |                 </div>
620 |             </section>
621 | 
622 |             <hr />
623 | 
624 |             <section>
625 |                 <h1>
626 |                     <strong>1.2.3</strong>
627 |                 </h1>
628 |                 <div class="text_container">
629 |                     <p>-> | 重构代码，软件端，优化代码</p>
630 |                     <p>-> | 微调歌词的字体渲染与边距</p>
631 |                     <p>-> | 更新插件预览图</p>
632 |                     <p>-> | 修复修改位置某些情况下失效的问题</p>
633 |                     <p>-> | 支持更多版本的任务栏</p>
634 |                 </div>
635 |             </section>
636 | 
637 |             <hr />
638 | 
639 |             <section>
640 |                 <h1>
641 |                     <strong>1.2.2</strong>
642 |                 </h1>
643 |                 <div class="text_container">
644 |                     <p>-> | 修复了会显示控制台的问题</p>
645 |                 </div>
646 |             </section>
647 | 
648 |             <hr />
649 | 
650 |             <section>
651 |                 <h1>
652 |                     <strong>1.2.1</strong>
653 |                 </h1>
654 |                 <div class="text_container">
655 |                     <p>-> | 修复了插件商店安装插件后无法启动的问题</p>
656 |                 </div>
657 |             </section>
658 | 
659 |             <hr />
660 | 
661 |             <section>
662 |                 <h1>
663 |                     <strong>1.2.0</strong>
664 |                 </h1>
665 |                 <div class="text_container">
666 |                     <p>-> | 重构代码，优化代码，将软件端单文件拆分代码为多文件</p>
667 |                     <p>-> | 添加启动，连接，关闭的提示</p>
668 |                     <p>-> | 兼容Windows 11 21H2版本任务栏</p>
669 |                     <p>-> | 修复页面刷新后不会关闭程序</p>
670 |                     <p>-> | 修复歌词过长导致换行的问题</p>
671 |                 </div>
672 |             </section>
673 | 
674 |             <hr />
675 | 
676 |             <section>
677 |                 <h1>
678 |                     <strong>1.1.0</strong>
679 |                 </h1>
680 |                 <div class="text_container">
681 |                     <p>-> | 重构项目结构</p>
682 |                 </div>
683 |             </section>
684 | 
685 |             <hr />
686 | 
687 |             <section>
688 |                 <h1>
689 |                     <strong>1.0.4</strong>
690 |                 </h1>
691 |                 <div class="text_container">
692 |                     <p>-> | 优化代码</p>
693 |                     <p>-> | 添加配置界面</p>
694 |                     <p>-> | 自适应任务栏剩余宽度</p>
695 |                     <p>-> | 添加切换屏幕选项</p>
696 |                     <p>-> | 添加更换字体选项</p>
697 |                     <p>-> | 添加字体颜色选项</p>
698 |                 </div>
699 |             </section>
700 | 
701 |             <hr />
702 | 
703 |             <section>
704 |                 <h1>
705 |                     <strong>1.0.3</strong>
706 |                 </h1>
707 |                 <div class="text_container">
708 |                     <p>-> | 修复歌词带问号导致不显示</p>
709 |                     <p>-> | 添加互斥锁，修复重复启动软件导致重叠多个窗口</p>
710 |                     <p>-> | 监听网易云进程关闭</p>
711 |                     <p>-> | 移除心跳检测机制</p>
712 |                     <p>-> | 移除Worker</p>
713 |                     <p>-> | 移除Hijack</p>
714 |                 </div>
715 |             </section>
716 | 
717 |             <hr />
718 | 
719 |             <section>
720 |                 <h1>
721 |                     <strong>1.0.2</strong>
722 |                 </h1>
723 |                 <div class="text_container">
724 |                     <p>-> | 自适应windows深浅色模式</p>
725 |                     <p>-> | 单行歌词放大居中占满双行</p>
726 |                     <p>-> | 修复歌词上右键卡住的问题</p>
727 |                 </div>
728 |             </section>
729 | 
730 |             <hr />
731 | 
732 |             <section>
733 |                 <h1>
734 |                     <strong>1.0.1</strong>
735 |                 </h1>
736 |                 <div class="text_container">
737 |                     <p>-> | 修复软件路径问题</p>
738 |                 </div>
739 |             </section>
740 | 
741 |             <hr />
742 | 
743 |             <section>
744 |                 <h1>
745 |                     <strong>1.0.0</strong>
746 |                 </h1>
747 |                 <div class="text_container">
748 |                     <p>-> | 添加任务栏歌词插件</p>
749 |                 </div>
750 |             </section>
751 |         </div>
752 |     </main>
753 | </div>


--------------------------------------------------------------------------------
/dist/func.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | 
  4 | plugin.onLoad(async () => {
  5 |     const {
  6 |         TaskbarLyricsPort,
  7 |         TaskbarLyricsAPI,
  8 |         WindowsEnum,
  9 |         defaultConfig,
 10 |         pluginConfig
 11 |     } = { ...this.base };
 12 |     const { startGetLyric, stopGetLyric } = { ...this.lyric };
 13 | 
 14 | 
 15 |     // 启动任务栏歌词软件
 16 |     const TaskbarLyricsStart = async () => {
 17 |         // 这BetterNCM获取的路径是不标准的会出问题，要替换掉下面那俩字符
 18 |         const dataPath = (await betterncm.app.getDataPath()).replace("/", "\\");
 19 |         const pluginPath = this.pluginPath.replace("/./", "\\").replace("/", "\\");
 20 |         const taskkill = `taskkill /F /IM "taskbar-lyrics.exe"`;
 21 |         const xcopy = `xcopy /C /D /Y "${pluginPath}\\taskbar-lyrics.exe" "${dataPath}"`;
 22 |         const exec = `"${dataPath}\\taskbar-lyrics.exe" ${TaskbarLyricsPort}`;
 23 |         const cmd = `${taskkill} & ${xcopy} && ${exec}`;
 24 |         await betterncm.app.exec(`cmd /S /C ${cmd}`, false, false);
 25 |         TaskbarLyricsAPI.font.font(pluginConfig.get("font"));
 26 |         TaskbarLyricsAPI.font.color(pluginConfig.get("color"));
 27 |         TaskbarLyricsAPI.font.style(pluginConfig.get("style"));
 28 |         TaskbarLyricsAPI.window.position(pluginConfig.get("position"));
 29 |         TaskbarLyricsAPI.window.margin(pluginConfig.get("margin"));
 30 |         TaskbarLyricsAPI.lyrics.align(pluginConfig.get("align"));
 31 |         TaskbarLyricsAPI.window.screen(pluginConfig.get("screen"));
 32 |         startGetLyric();
 33 |     };
 34 | 
 35 | 
 36 |     // 关闭任务栏歌词软件
 37 |     const TaskbarLyricsClose = async () => {
 38 |         TaskbarLyricsAPI.close({});
 39 |         stopGetLyric();
 40 |     };
 41 | 
 42 | 
 43 |     addEventListener("beforeunload", TaskbarLyricsClose);
 44 |     TaskbarLyricsStart();
 45 | 
 46 | 
 47 |     // 更换字体
 48 |     const font = {
 49 |         apply: elements => {
 50 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("font")));
 51 |             config["font_family"] = elements.fontFamily.value;
 52 |             pluginConfig.set("font", config);
 53 |             TaskbarLyricsAPI.font.font(config);
 54 |         },
 55 |         reset: elements => {
 56 |             pluginConfig.set("font", undefined);
 57 |             TaskbarLyricsAPI.font.font(defaultConfig["font"]);
 58 |             elements.fontFamily.value = defaultConfig["font"]["font_family"];
 59 |         }
 60 |     }
 61 | 
 62 | 
 63 |     // 字体颜色
 64 |     const color = {
 65 |         apply: elements => {
 66 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("color")));
 67 |             config["basic"]["light"]["hex_color"] = parseInt(elements.basicLightColor.value.slice(1), 16);
 68 |             config["basic"]["light"]["opacity"] = Number(elements.basicLightOpacity.value);
 69 |             config["basic"]["dark"]["hex_color"] = parseInt(elements.basicDarkColor.value.slice(1), 16);
 70 |             config["basic"]["dark"]["opacity"] = Number(elements.basicDarkOpacity.value);
 71 |             config["extra"]["light"]["hex_color"] = parseInt(elements.extraLightColor.value.slice(1), 16);
 72 |             config["extra"]["light"]["opacity"] = Number(elements.extraLightOpacity.value);
 73 |             config["extra"]["dark"]["hex_color"] = parseInt(elements.extraDarkColor.value.slice(1), 16);
 74 |             config["extra"]["dark"]["opacity"] = Number(elements.extraDarkOpacity.value);
 75 |             pluginConfig.set("color", config);
 76 |             TaskbarLyricsAPI.font.color(config);
 77 |         },
 78 |         reset: elements => {
 79 |             elements.basicLightColor.value = `#${defaultConfig["color"]["basic"]["light"]["hex_color"].toString(16).padStart(6, "0")}`;
 80 |             elements.basicLightOpacity.value = defaultConfig["color"]["basic"]["light"]["opacity"];
 81 |             elements.basicDarkColor.value = `#${defaultConfig["color"]["basic"]["dark"]["hex_color"].toString(16).padStart(6, "0")}`;
 82 |             elements.basicDarkOpacity.value = defaultConfig["color"]["basic"]["dark"]["opacity"];
 83 |             elements.extraLightColor.value = `#${defaultConfig["color"]["extra"]["light"]["hex_color"].toString(16).padStart(6, "0")}`;
 84 |             elements.extraLightOpacity.value = defaultConfig["color"]["extra"]["light"]["opacity"];
 85 |             elements.extraDarkColor.value = `#${defaultConfig["color"]["extra"]["dark"]["hex_color"].toString(16).padStart(6, "0")}`;
 86 |             elements.extraDarkOpacity.value = defaultConfig["color"]["extra"]["dark"]["opacity"];
 87 |             pluginConfig.set("color", undefined);
 88 |             TaskbarLyricsAPI.font.color(defaultConfig["color"]);
 89 |         }
 90 |     }
 91 | 
 92 | 
 93 |     // 字体样式
 94 |     const style = {
 95 |         setWeight: (name, value, textContent) => {
 96 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
 97 |             config[name].weight.value = Number(value);
 98 |             config[name].weight.textContent = textContent;
 99 |             pluginConfig.set("style", config);
100 |             TaskbarLyricsAPI.font.style(config);
101 |         },
102 |         setSlopeNormal: event => {
103 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
104 |             config[event.target.dataset.type].slope = WindowsEnum.DWRITE_FONT_STYLE.DWRITE_FONT_STYLE_NORMAL;
105 |             pluginConfig.set("style", config);
106 |             TaskbarLyricsAPI.font.style(config);
107 |         },
108 |         setSlopeOblique: event => {
109 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
110 |             config[event.target.dataset.type].slope = WindowsEnum.DWRITE_FONT_STYLE.DWRITE_FONT_STYLE_OBLIQUE;
111 |             pluginConfig.set("style", config);
112 |             TaskbarLyricsAPI.font.style(config);
113 |         },
114 |         setSlopeItalic: event => {
115 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
116 |             config[event.target.dataset.type].slope = WindowsEnum.DWRITE_FONT_STYLE.DWRITE_FONT_STYLE_ITALIC;
117 |             pluginConfig.set("style", config);
118 |             TaskbarLyricsAPI.font.style(config);
119 |         },
120 |         setUnderline: event => {
121 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
122 |             config[event.target.dataset.type].underline = event.target.checked;
123 |             pluginConfig.set("style", config);
124 |             TaskbarLyricsAPI.font.style(config);
125 |         },
126 |         setStrikethrough: event => {
127 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
128 |             config[event.target.dataset.type].strikethrough = event.target.checked;
129 |             pluginConfig.set("style", config);
130 |             TaskbarLyricsAPI.font.style(config);
131 |         },
132 |         reset: elements => {
133 |             pluginConfig.set("style", undefined);
134 |             TaskbarLyricsAPI.font.style(defaultConfig["style"]);
135 |             elements.basicWeightValue.textContent = defaultConfig["style"]["basic"]["weight"]["textContent"];
136 |             elements.basicUnderline.checked = defaultConfig["style"]["basic"]["underline"];
137 |             elements.basicStrikethrough.checked = defaultConfig["style"]["basic"]["strikethrough"];
138 |             elements.extraWeightValue.textContent = defaultConfig["style"]["extra"]["weight"]["textContent"];
139 |             elements.extraUnderline.checked = defaultConfig["style"]["extra"]["underline"];
140 |             elements.extraStrikethrough.checked = defaultConfig["style"]["extra"]["strikethrough"];
141 |         }
142 |     }
143 | 
144 | 
145 |     // 歌词设置
146 |     const lyrics = {
147 |         lyricsSwitch: event => event.target.checked ? TaskbarLyricsStart() : TaskbarLyricsClose(),
148 |         setRetrievalMethod: (value, textContent) => {
149 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("lyrics")));
150 |             config["retrieval_method"]["value"] = Number(value);
151 |             config["retrieval_method"]["textContent"] = textContent;
152 |             stopGetLyric();
153 |             pluginConfig.set("lyrics", config);
154 |             startGetLyric();
155 |         },
156 |         reset: elements => {
157 |             elements.retrievalMethodValue.textContent = defaultConfig["lyrics"]["retrieval_method"]["textContent"];
158 |             stopGetLyric();
159 |             pluginConfig.set("lyrics", undefined);
160 |             startGetLyric();
161 |         }
162 |     }
163 | 
164 | 
165 |     // 显示效果
166 |     const effect = {
167 |         setNextLineLyricsPosition: (value, textContent) => {
168 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("effect")));
169 |             config["next_line_lyrics_position"]["value"] = Number(value);
170 |             config["next_line_lyrics_position"]["textContent"] = textContent;
171 |             pluginConfig.set("effect", config);
172 |         },
173 |         setExtraShow: (value, textContent) => {
174 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("effect")));
175 |             config["extra_show"]["value"] = Number(value);
176 |             config["extra_show"]["textContent"] = textContent;
177 |             pluginConfig.set("effect", config);
178 |         },
179 |         apply: elements => {
180 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("effect")));
181 |             config["adjust"] = Number(elements.adjust.value);
182 |             pluginConfig.set("effect", config);
183 |         },
184 |         reset: elements => {
185 |             elements.nextLineLyricsPositionValue.textContent = defaultConfig["effect"]["next_line_lyrics_position"]["textContent"];
186 |             elements.extraShowValue.textContent = defaultConfig["effect"]["extra_show"]["textContent"];
187 |             elements.adjust.value = defaultConfig["effect"]["adjust"];
188 |             pluginConfig.set("effect", undefined);
189 |         }
190 |     }
191 | 
192 | 
193 |     // 对齐方式
194 |     const align = {
195 |         setLeft: event => {
196 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("align")));
197 |             config[event.target.dataset.type] = WindowsEnum.DWRITE_TEXT_ALIGNMENT.DWRITE_TEXT_ALIGNMENT_LEADING;
198 |             pluginConfig.set("align", config);
199 |             TaskbarLyricsAPI.lyrics.align(config);
200 |         },
201 |         setCenter: event => {
202 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("align")));
203 |             config[event.target.dataset.type] = WindowsEnum.DWRITE_TEXT_ALIGNMENT.DWRITE_TEXT_ALIGNMENT_CENTER;
204 |             pluginConfig.set("align", config);
205 |             TaskbarLyricsAPI.lyrics.align(config);
206 |         },
207 |         setRight: event => {
208 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("align")));
209 |             config[event.target.dataset.type] = WindowsEnum.DWRITE_TEXT_ALIGNMENT.DWRITE_TEXT_ALIGNMENT_TRAILING;
210 |             pluginConfig.set("align", config);
211 |             TaskbarLyricsAPI.lyrics.align(config);
212 |         },
213 |         reset: () => {
214 |             pluginConfig.set("align", undefined);
215 |             TaskbarLyricsAPI.lyrics.align(defaultConfig["align"]);
216 |         }
217 |     }
218 | 
219 | 
220 |     // 修改位置
221 |     const position = {
222 |         setWindowPosition: (value, textContent) => {
223 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("position")));
224 |             config["position"]["value"] = Number(value);
225 |             config["position"]["textContent"] = textContent;
226 |             pluginConfig.set("position", config);
227 |             TaskbarLyricsAPI.window.position(config);
228 |         },
229 |         reset: elements => {
230 |             elements.windowPositionValue.textContent = defaultConfig["position"]["position"]["textContent"];
231 |             pluginConfig.set("position", undefined);
232 |             TaskbarLyricsAPI.window.position(defaultConfig["position"]);
233 |         }
234 |     }
235 | 
236 | 
237 |     // 修改边距
238 |     const margin = {
239 |         apply: elements => {
240 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("margin")));
241 |             config["left"] = Number(elements.left.value);
242 |             config["right"] = Number(elements.right.value);
243 |             pluginConfig.set("margin", config);
244 |             TaskbarLyricsAPI.window.margin(config);
245 |         },
246 |         reset: elements => {
247 |             pluginConfig.set("margin", undefined);
248 |             TaskbarLyricsAPI.window.margin(defaultConfig["margin"]);
249 |             elements.left.value = defaultConfig["margin"]["left"];
250 |             elements.right.value = defaultConfig["margin"]["right"];
251 |         }
252 |     }
253 | 
254 | 
255 |     // 切换屏幕
256 |     const screen = {
257 |         setParentTaskbar: (value, textContent) => {
258 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("screen")));
259 |             config["parent_taskbar"]["value"] = value;
260 |             config["parent_taskbar"]["textContent"] = textContent;
261 |             pluginConfig.set("screen", config);
262 |             TaskbarLyricsAPI.window.screen(config);
263 |         },
264 |         reset: elements => {
265 |             elements.parentTaskbarValue.textContent = defaultConfig["screen"]["parent_taskbar"]["textContent"];
266 |             pluginConfig.set("screen", undefined);
267 |             TaskbarLyricsAPI.window.screen(defaultConfig["screen"]);
268 |         }
269 |     }
270 | 
271 | 
272 |     this.func = {
273 |         font,
274 |         color,
275 |         style,
276 |         lyrics,
277 |         effect,
278 |         align,
279 |         position,
280 |         margin,
281 |         screen
282 |     };
283 | });
284 | 


--------------------------------------------------------------------------------
/dist/lyric.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | 
  4 | plugin.onLoad(async () => {
  5 |     const { TaskbarLyricsAPI, pluginConfig } = { ...this.base };
  6 |     const liblyric = loadedPlugins.liblyric;
  7 | 
  8 | 
  9 |     let observer = null;
 10 |     let parsedLyric = null;
 11 |     let currentIndex = 0;
 12 |     let musicId = 0;
 13 |     let currentLine = 0;
 14 | 
 15 | 
 16 |     // 监视软件内歌词变动
 17 |     const watchLyricsChange = async () => {
 18 |         const mLyric = await betterncm.utils.waitForElement("#x-g-mn .m-lyric");
 19 |         const MutationCallback = mutations => {
 20 |             for (const mutation of mutations) {
 21 |                 let lyrics = {
 22 |                     basic: "",
 23 |                     extra: ""
 24 |                 };
 25 | 
 26 |                 if (mutation.addedNodes[2]) {
 27 |                     lyrics.basic = mutation.addedNodes[0].firstChild.textContent;
 28 |                     lyrics.extra = mutation.addedNodes[2].firstChild ? mutation.addedNodes[2].firstChild.textContent : "";
 29 |                 } else {
 30 |                     lyrics.basic = mutation.addedNodes[0].textContent;
 31 |                 }
 32 | 
 33 |                 TaskbarLyricsAPI.lyrics.lyrics(lyrics);
 34 |             }
 35 |         }
 36 | 
 37 |         observer = new MutationObserver(MutationCallback);
 38 |         observer.observe(mLyric, { childList: true, subtree: true });
 39 |     }
 40 | 
 41 | 
 42 |     // 音乐ID发生变化时
 43 |     const play_load = async () => {
 44 |         // 获取歌曲信息
 45 |         const playingSong = betterncm.ncm.getPlayingSong();
 46 |         musicId = playingSong.data.id ?? 0;
 47 |         const name = playingSong.data.name ?? "";
 48 |         const artists = playingSong.data.artists ?? "";
 49 | 
 50 |         // 解析歌手名称
 51 |         let artistName = "";
 52 |         artists.forEach(item => artistName += ` / ${item.name}`);
 53 |         artistName = artistName.slice(3);
 54 | 
 55 |         // 发送歌曲信息
 56 |         TaskbarLyricsAPI.lyrics.lyrics({
 57 |             "basic": name,
 58 |             "extra": artistName
 59 |         });
 60 | 
 61 | 
 62 |         // 解析歌词
 63 |         const config = pluginConfig.get("lyrics");
 64 |         if ((config["retrieval_method"]["value"] == "2") && window.currentLyrics) {
 65 |             // 解决RNP歌词对不上的问题
 66 |             while (true) {
 67 |                 if (window.currentLyrics.hash.includes(musicId)) {
 68 |                     parsedLyric = window.currentLyrics.lyrics;
 69 |                     break;
 70 |                 } else {
 71 |                     await betterncm.utils.delay(100);
 72 |                 }
 73 |             }
 74 |         } else {
 75 |             const lyricData = await liblyric.getLyricData(musicId);
 76 |             parsedLyric = liblyric.parseLyric(
 77 |                 lyricData?.lrc?.lyric ?? "",
 78 |                 lyricData?.tlyric?.lyric ?? "",
 79 |                 lyricData?.romalrc?.lyric ?? ""
 80 |             );
 81 |         }
 82 | 
 83 | 
 84 |         // 清除歌词空白行
 85 |         parsedLyric = parsedLyric.filter(item => item.originalLyric != "");
 86 | 
 87 | 
 88 |         // 纯音乐只显示歌曲名与作曲家
 89 |         if (
 90 |             (parsedLyric.length == 1)
 91 |             && (parsedLyric[0].time == 0)
 92 |             && (parsedLyric[0].duration != 0)
 93 |         ) {
 94 |             parsedLyric = [];
 95 |         }
 96 | 
 97 |         currentIndex = 0;
 98 |     }
 99 | 
100 | 
101 |     // 音乐进度发生变化时
102 |     const play_progress = async (_, time) => {
103 |         const adjust = Number(pluginConfig.get("effect")["adjust"]);
104 |         if (parsedLyric) {
105 |             let nextIndex = parsedLyric.findIndex(item => item.time > (time + adjust) * 1000);
106 |             nextIndex = (nextIndex <= -1) ? parsedLyric.length : nextIndex;
107 | 
108 |             if (nextIndex != currentIndex) {
109 |                 const currentLyric = parsedLyric[nextIndex - 1] ?? "";
110 |                 const nextLyric = parsedLyric[nextIndex] ?? "";
111 | 
112 |                 const lyrics = {
113 |                     "basic": currentLyric?.originalLyric ?? "",
114 |                     "extra": currentLyric?.translatedLyric ?? nextLyric?.originalLyric ?? ""
115 |                 };
116 | 
117 |                 const extra_show_value = pluginConfig.get("effect")["extra_show"]["value"];
118 |                 switch (extra_show_value) {
119 |                     case 0: {
120 |                         lyrics.extra = "";
121 |                     } break;
122 | 
123 |                     case 1: {
124 |                         const next_line_lyrics_position_value = pluginConfig.get("effect")["next_line_lyrics_position"]["value"];
125 |                         switch (next_line_lyrics_position_value) {
126 |                             case 0: {
127 |                                 lyrics.extra = nextLyric?.originalLyric ?? "";
128 |                             } break;
129 | 
130 |                             case 1: {
131 |                                 lyrics.basic = nextLyric?.originalLyric ?? "";
132 |                                 lyrics.extra = currentLyric?.originalLyric ?? "";
133 |                             } break;
134 | 
135 |                             case 2: {
136 |                                 if (currentLine == 0) {
137 |                                     lyrics.basic = currentLyric?.originalLyric ?? "";
138 |                                     lyrics.extra = nextLyric?.originalLyric ?? "";
139 |                                     currentLine = 1;
140 |                                 } else {
141 |                                     lyrics.basic = nextLyric?.originalLyric ?? "";
142 |                                     lyrics.extra = currentLyric?.originalLyric ?? "";
143 |                                     currentLine = 0;
144 |                                 }
145 |                             } break;
146 |                         }
147 |                     } break;
148 | 
149 |                     case 2: {
150 |                         lyrics.extra = currentLyric?.translatedLyric
151 |                             ?? nextLyric?.originalLyric
152 |                             ?? "";
153 |                     } break;
154 | 
155 |                     case 3: {
156 |                         lyrics.extra = currentLyric?.romanLyric
157 |                             ?? currentLyric?.translatedLyric
158 |                             ?? nextLyric?.originalLyric
159 |                             ?? "";
160 |                     } break;
161 |                 }
162 | 
163 |                 TaskbarLyricsAPI.lyrics.lyrics(lyrics);
164 |                 currentIndex = nextIndex;
165 |             }
166 |         }
167 |     }
168 | 
169 | 
170 | 
171 |     // 开始获取歌词
172 |     function startGetLyric() {
173 |         const config = pluginConfig.get("lyrics");
174 |         switch (config["retrieval_method"]["value"]) {
175 |             // 软件内词栏
176 |             case 0: {
177 |                 watchLyricsChange();
178 |             } break;
179 | 
180 |             // LibLyric
181 |             case 1: {
182 |                 legacyNativeCmder.appendRegisterCall("Load", "audioplayer", play_load);
183 |                 legacyNativeCmder.appendRegisterCall("PlayProgress", "audioplayer", play_progress);
184 |                 const playingSong = betterncm.ncm.getPlayingSong();
185 |                 if (playingSong && playingSong.data.id != musicId) {
186 |                     play_load();
187 |                 }
188 |             } break;
189 | 
190 |             // RefinedNowPlaying
191 |             case 2: {
192 |                 legacyNativeCmder.appendRegisterCall("Load", "audioplayer", play_load);
193 |                 legacyNativeCmder.appendRegisterCall("PlayProgress", "audioplayer", play_progress);
194 |             } break;
195 |         }
196 |     }
197 | 
198 | 
199 |     // 停止获取歌词
200 |     function stopGetLyric() {
201 |         const config = pluginConfig.get("lyrics");
202 |         switch (config["retrieval_method"]["value"]) {
203 |             // 软件内词栏
204 |             case 0: {
205 |                 if (observer) {
206 |                     observer.disconnect();
207 |                     observer = null;
208 |                 }
209 |             } break;
210 | 
211 |             // LibLyric
212 |             case 1: {
213 |                 legacyNativeCmder.removeRegisterCall("Load", "audioplayer", play_load);
214 |                 legacyNativeCmder.removeRegisterCall("PlayProgress", "audioplayer", play_progress);
215 |             } break;
216 | 
217 |             // RefinedNowPlaying
218 |             case 2: {
219 |                 legacyNativeCmder.removeRegisterCall("Load", "audioplayer", play_load);
220 |                 legacyNativeCmder.removeRegisterCall("PlayProgress", "audioplayer", play_progress);
221 |             } break;
222 |         }
223 |     }
224 | 
225 | 
226 |     this.lyric = {
227 |         startGetLyric,
228 |         stopGetLyric
229 |     }
230 | });
231 | 


--------------------------------------------------------------------------------
/dist/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "manifest_version": 1,
 3 |     "name": "任务栏歌词",
 4 |     "slug": "Taskbar-Lyrics",
 5 |     "description": "在任务栏上嵌入歌词，目前仅建议Windows 11，且任务栏未被第三方软件修改",
 6 |     "preview": "preview.png",
 7 |     "version": "1.6.3",
 8 |     "author": "沫烬染",
 9 |     "author_links": [
10 |         "https://github.com/mo-jinran"
11 |     ],
12 |     "type": "extension",
13 |     "loadAfter": [
14 |         "liblyric",
15 |         "RefinedNowPlaying"
16 |     ],
17 |     "requirements": [
18 |         "liblyric"
19 |     ],
20 |     "injects": {
21 |         "Main": [
22 |             {
23 |                 "file": "base.js"
24 |             },
25 |             {
26 |                 "file": "lyric.js"
27 |             },
28 |             {
29 |                 "file": "func.js"
30 |             },
31 |             {
32 |                 "file": "view.js"
33 |             }
34 |         ]
35 |     }
36 | }


--------------------------------------------------------------------------------
/dist/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mo-jinran/Taskbar-Lyrics/66c45a9a5138c0e6963d0d04027746d6e99276c5/dist/preview.png


--------------------------------------------------------------------------------
/dist/style.css:
--------------------------------------------------------------------------------
  1 | /* 根标签 */
  2 | #taskbar-lyrics-dom {
  3 |     width: 100%;
  4 |     height: 100%;
  5 |     overflow: hidden;
  6 |     display: flex;
  7 |     flex-direction: column;
  8 |     gap: 16px;
  9 | }
 10 | 
 11 | 
 12 | 
 13 | /* 上边的tab区域 */
 14 | #taskbar-lyrics-dom .tab_box {
 15 |     width: 100%;
 16 |     height: 40px;
 17 |     display: flex;
 18 | }
 19 | 
 20 | /* tab选项卡按钮 */
 21 | #taskbar-lyrics-dom .tab_button {
 22 |     width: 60px;
 23 |     height: 100%;
 24 |     border: none;
 25 |     outline: none;
 26 |     background: none;
 27 |     margin: 0;
 28 |     font-size: 1rem;
 29 | }
 30 | 
 31 | /* tab选项卡按钮 激活效果 */
 32 | #taskbar-lyrics-dom .tab_button.active {
 33 |     position: relative;
 34 |     font-weight: bold;
 35 | }
 36 | 
 37 | /* tab选项卡按钮 激活后底部黑白条 */
 38 | #taskbar-lyrics-dom .tab_button.active::after {
 39 |     content: "";
 40 |     height: 5px;
 41 |     border-radius: 5px;
 42 |     background-color: rgba(255, 255, 255, 0.5);
 43 |     position: absolute;
 44 |     left: 10px;
 45 |     right: 10px;
 46 |     bottom: 0px;
 47 |     backdrop-filter: blur(4px);
 48 | }
 49 | 
 50 | body.s-theme-white #taskbar-lyrics-dom .tab_button.active::after {
 51 |     background-color: rgba(0, 0, 0, 0.5);
 52 | }
 53 | 
 54 | 
 55 | 
 56 | /* 下边的内容区域 */
 57 | #taskbar-lyrics-dom .content_box {
 58 |     overflow: auto;
 59 |     flex: 1;
 60 | }
 61 | 
 62 | /* 所有内容隐藏 */
 63 | #taskbar-lyrics-dom .content {
 64 |     display: none;
 65 | }
 66 | 
 67 | /* 指定内容显示 */
 68 | #taskbar-lyrics-dom .content.show {
 69 |     display: block;
 70 | }
 71 | 
 72 | 
 73 | 
 74 | #taskbar-lyrics-dom .content h1 {
 75 |     height: 30px;
 76 |     display: flex;
 77 |     align-items: center;
 78 |     margin: 10px 0;
 79 |     gap: 10px;
 80 | }
 81 | 
 82 | #taskbar-lyrics-dom .content h1 strong {
 83 |     font-size: 1.25rem;
 84 |     font-weight: bold;
 85 | }
 86 | 
 87 | #taskbar-lyrics-dom .content hr {
 88 |     margin: 20px 0;
 89 |     border: none;
 90 |     height: 1px;
 91 |     background-color: rgba(255, 255, 255, 0.2);
 92 | }
 93 | 
 94 | body.s-theme-white #taskbar-lyrics-dom .content hr {
 95 |     background-color: rgba(0, 0, 0, 0.2);
 96 | }
 97 | 
 98 | #taskbar-lyrics-dom .content section>div {
 99 |     display: flex;
100 |     min-height: 30px;
101 |     margin: 5px 0;
102 |     gap: 10px;
103 | }
104 | 
105 | #taskbar-lyrics-dom .content .item_container {
106 |     flex-direction: row;
107 |     align-items: center;
108 | }
109 | 
110 | #taskbar-lyrics-dom .content .text_container {
111 |     flex-direction: column;
112 |     align-items: start;
113 | }
114 | 
115 | #taskbar-lyrics-dom .content p {
116 |     font-size: 14px;
117 | }
118 | 
119 | #taskbar-lyrics-dom .content a {
120 |     font-weight: bold;
121 | }
122 | 
123 | 
124 | 
125 | #taskbar-lyrics-dom .content input.color-input {
126 |     width: 150px;
127 |     padding: unset;
128 | }
129 | 
130 | #taskbar-lyrics-dom .content input.number-input {
131 |     width: 150px;
132 | }
133 | 
134 | #taskbar-lyrics-dom .content input.switch-btn {
135 |     width: 44px;
136 |     height: 22px;
137 |     appearance: none;
138 |     border-radius: 20px;
139 |     border: 1px solid rgba(255, 255, 255, 0.15);
140 |     position: relative;
141 | }
142 | 
143 | #taskbar-lyrics-dom .content input.switch-btn::before {
144 |     content: "关";
145 |     text-align: center;
146 |     line-height: 18px;
147 |     font-size: 12px;
148 |     position: absolute;
149 |     top: 1px;
150 |     left: 1px;
151 |     height: 18px;
152 |     width: 18px;
153 |     background-color: rgba(255, 255, 255, 0.3);
154 |     border-radius: 50%;
155 |     transition: all 0.1s ease-out;
156 | }
157 | 
158 | #taskbar-lyrics-dom .content input.switch-btn:checked {
159 |     background-color: rgba(255, 255, 255, 0.1);
160 | }
161 | 
162 | #taskbar-lyrics-dom .content input.switch-btn:checked::before {
163 |     content: "开";
164 |     text-align: center;
165 |     line-height: 18px;
166 |     font-size: 12px;
167 |     left: calc(100% - 19px);
168 | }
169 | 
170 | body.s-theme-white #taskbar-lyrics-dom .content input.switch-btn {
171 |     border: 1px solid rgba(0, 0, 0, 0.15);
172 | }
173 | 
174 | body.s-theme-white #taskbar-lyrics-dom .content input.switch-btn::before {
175 |     background-color: rgba(0, 0, 0, 0.3);
176 | }
177 | 
178 | body.s-theme-white #taskbar-lyrics-dom .content input.switch-btn:checked {
179 |     background-color: rgba(0, 0, 0, 0.1);
180 | }
181 | 
182 | 
183 | 
184 | #taskbar-lyrics-dom .u-select {
185 |     display: inline-block;
186 |     width: 200px;
187 | }
188 | 
189 | #taskbar-lyrics-dom input.u-txt {
190 |     border-radius: 4px;
191 | }


--------------------------------------------------------------------------------
/dist/taskbar-lyrics.exe:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mo-jinran/Taskbar-Lyrics/66c45a9a5138c0e6963d0d04027746d6e99276c5/dist/taskbar-lyrics.exe


--------------------------------------------------------------------------------
/dist/view.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | 
  4 | // 创建根视图
  5 | const configView = document.createElement("div");
  6 | configView.style.overflow = "hidden";
  7 | configView.style.height = "100%";
  8 | configView.style.width = "100%";
  9 | 
 10 | 
 11 | plugin.onConfig(tools => configView);
 12 | 
 13 | 
 14 | plugin.onLoad(async () => {
 15 |     const pluginConfig = this.base.pluginConfig;
 16 |     const {
 17 |         font,
 18 |         color,
 19 |         style,
 20 |         lyrics,
 21 |         effect,
 22 |         align,
 23 |         position,
 24 |         margin,
 25 |         screen,
 26 |     } = { ...this.func };
 27 | 
 28 | 
 29 |     // 加载结构
 30 |     {
 31 |         const path = `${this.pluginPath}/config.html`;
 32 |         const text = await betterncm.fs.readFileText(path);
 33 |         const parser = new DOMParser();
 34 |         const dom = parser.parseFromString(text, "text/html");
 35 |         const element = dom.querySelector("#taskbar-lyrics-dom");
 36 |         configView.appendChild(element);
 37 |     }
 38 | 
 39 | 
 40 |     // 加载样式
 41 |     {
 42 |         const path = `${this.pluginPath}/style.css`;
 43 |         const text = await betterncm.fs.readFileText(path);
 44 |         const element = document.createElement("style");
 45 |         element.textContent = text;
 46 |         configView.appendChild(element);
 47 |     }
 48 | 
 49 | 
 50 |     // 页面切换
 51 |     {
 52 |         const tab_box = configView.querySelector(".tab_box");
 53 |         const content_box = configView.querySelector(".content_box")
 54 | 
 55 |         const all_tab_button = tab_box.querySelectorAll(".tab_button");
 56 |         const all_content = content_box.querySelectorAll(".content");
 57 | 
 58 |         all_tab_button.forEach((tab, index) => {
 59 |             tab.addEventListener("click", () => {
 60 |                 // 激活标签
 61 |                 const active_tab = tab_box.querySelector(".active");
 62 |                 active_tab.classList.remove("active");
 63 |                 tab.classList.add("active");
 64 |                 // 显示内容
 65 |                 const show_content = content_box.querySelector(".show");
 66 |                 show_content.classList.remove("show");
 67 |                 all_content[index].classList.add("show");
 68 |             });
 69 |         });
 70 |     }
 71 | 
 72 | 
 73 |     // 通用的下拉选择框控制函数
 74 |     function selectController(event) {
 75 |         const open = event.target.parentElement.classList.contains("z-open");
 76 |         if (open) event.target.parentElement.classList.remove("z-open");
 77 |         else event.target.parentElement.classList.add("z-open");
 78 |     }
 79 | 
 80 | 
 81 |     // 点击其他地方收起下拉选择框
 82 |     addEventListener("pointerup", event => {
 83 |         if (!event.target.classList.contains("value")) {
 84 |             const open = configView.querySelectorAll(".u-select.z-open");
 85 |             open.forEach(value => value.classList.remove("z-open"));
 86 |         }
 87 |     });
 88 | 
 89 | 
 90 |     // 更换字体
 91 |     {
 92 |         const apply = configView.querySelector(".content.font .font-settings .apply");
 93 |         const reset = configView.querySelector(".content.font .font-settings .reset");
 94 | 
 95 |         const fontFamily = configView.querySelector(".content.font .font-settings .font-family");
 96 | 
 97 |         const elements = {
 98 |             fontFamily
 99 |         };
100 | 
101 |         apply.addEventListener("click", () => font.apply(elements));
102 |         reset.addEventListener("click", () => font.reset(elements));
103 | 
104 |         fontFamily.value = pluginConfig.get("font")["font_family"];
105 |     }
106 | 
107 | 
108 |     // 字体颜色
109 |     {
110 |         const apply = configView.querySelector(".content.font .color-settings .apply");
111 |         const reset = configView.querySelector(".content.font .color-settings .reset");
112 | 
113 |         const basicLightColor = configView.querySelector(".content.font .color-settings .basic-light-color");
114 |         const basicLightOpacity = configView.querySelector(".content.font .color-settings .basic-light-opacity");
115 |         const basicDarkColor = configView.querySelector(".content.font .color-settings .basic-dark-color");
116 |         const basicDarkOpacity = configView.querySelector(".content.font .color-settings .basic-dark-opacity");
117 |         const extraLightColor = configView.querySelector(".content.font .color-settings .extra-light-color");
118 |         const extraLightOpacity = configView.querySelector(".content.font .color-settings .extra-light-opacity");
119 |         const extraDarkColor = configView.querySelector(".content.font .color-settings .extra-dark-color");
120 |         const extraDarkOpacity = configView.querySelector(".content.font .color-settings .extra-dark-opacity");
121 | 
122 |         const elements = {
123 |             basicLightColor,
124 |             basicLightOpacity,
125 |             basicDarkColor,
126 |             basicDarkOpacity,
127 |             extraLightColor,
128 |             extraLightOpacity,
129 |             extraDarkColor,
130 |             extraDarkOpacity
131 |         }
132 | 
133 |         apply.addEventListener("click", () => color.apply(elements));
134 |         reset.addEventListener("click", () => color.reset(elements));
135 | 
136 |         basicLightColor.value = `#${pluginConfig.get("color")["basic"]["light"]["hex_color"].toString(16)}`;
137 |         basicLightOpacity.value = pluginConfig.get("color")["basic"]["light"]["opacity"];
138 |         basicDarkColor.value = `#${pluginConfig.get("color")["basic"]["dark"]["hex_color"].toString(16)}`;
139 |         basicDarkOpacity.value = pluginConfig.get("color")["basic"]["dark"]["opacity"];
140 |         extraLightColor.value = `#${pluginConfig.get("color")["extra"]["light"]["hex_color"].toString(16)}`;
141 |         extraLightOpacity.value = pluginConfig.get("color")["extra"]["light"]["opacity"];
142 |         extraDarkColor.value = `#${pluginConfig.get("color")["extra"]["dark"]["hex_color"].toString(16)}`;
143 |         extraDarkOpacity.value = pluginConfig.get("color")["extra"]["dark"]["opacity"];
144 |     }
145 | 
146 | 
147 |     // 字体样式
148 |     {
149 |         const reset = configView.querySelector(".content.font .style-settings .reset");
150 | 
151 |         const basicWeightValue = configView.querySelector(".content.font .style-settings .basic-weight .value");
152 |         const basicWeightSelect = configView.querySelector(".content.font .style-settings .basic-weight .select");
153 |         const basicNormal = configView.querySelector(".content.font .style-settings .basic-normal");
154 |         const basicOblique = configView.querySelector(".content.font .style-settings .basic-oblique");
155 |         const basicItalic = configView.querySelector(".content.font .style-settings .basic-italic");
156 |         const basicUnderline = configView.querySelector(".content.font .style-settings .basic-underline");
157 |         const basicStrikethrough = configView.querySelector(".content.font .style-settings .basic-strikethrough");
158 |         const extraWeightValue = configView.querySelector(".content.font .style-settings .extra-weight .value");
159 |         const extraWeightSelect = configView.querySelector(".content.font .style-settings .extra-weight .select");
160 |         const extraNormal = configView.querySelector(".content.font .style-settings .extra-normal");
161 |         const extraOblique = configView.querySelector(".content.font .style-settings .extra-oblique");
162 |         const extraItalic = configView.querySelector(".content.font .style-settings .extra-italic");
163 |         const extraUnderline = configView.querySelector(".content.font .style-settings .extra-underline");
164 |         const extraStrikethrough = configView.querySelector(".content.font .style-settings .extra-strikethrough");
165 | 
166 |         const elements = {
167 |             basicWeightValue,
168 |             basicUnderline,
169 |             basicStrikethrough,
170 |             extraWeightValue,
171 |             extraUnderline,
172 |             extraStrikethrough
173 |         }
174 | 
175 |         reset.addEventListener("click", () => style.reset(elements));
176 | 
177 |         basicNormal.addEventListener("click", event => style.setSlopeNormal(event));
178 |         basicOblique.addEventListener("click", event => style.setSlopeOblique(event));
179 |         basicItalic.addEventListener("click", event => style.setSlopeItalic(event));
180 |         basicUnderline.addEventListener("change", event => style.setUnderline(event));
181 |         basicStrikethrough.addEventListener("change", event => style.setStrikethrough(event));
182 |         extraNormal.addEventListener("click", event => style.setSlopeNormal(event));
183 |         extraOblique.addEventListener("click", event => style.setSlopeOblique(event));
184 |         extraItalic.addEventListener("click", event => style.setSlopeItalic(event));
185 |         extraUnderline.addEventListener("change", event => style.setUnderline(event));
186 |         extraStrikethrough.addEventListener("change", event => style.setStrikethrough(event));
187 | 
188 |         basicWeightValue.addEventListener("click", selectController);
189 |         basicWeightSelect.addEventListener("click", event => {
190 |             const name = event.target.parentElement.dataset.type;
191 |             const value = event.target.dataset.value;
192 |             const textContent = event.target.textContent;
193 |             style.setWeight(name, value, textContent);
194 |             basicWeightValue.textContent = textContent;
195 |         });
196 | 
197 |         extraWeightValue.addEventListener("click", selectController);
198 |         extraWeightSelect.addEventListener("click", event => {
199 |             const name = event.target.parentElement.dataset.type;
200 |             const value = event.target.dataset.value;
201 |             const textContent = event.target.textContent;
202 |             style.setWeight(name, value, textContent);
203 |             extraWeightValue.textContent = textContent;
204 |         });
205 | 
206 |         basicWeightValue.textContent = pluginConfig.get("style")["basic"]["weight"]["textContent"];
207 |         basicUnderline.checked = pluginConfig.get("style")["basic"]["underline"];
208 |         basicStrikethrough.checked = pluginConfig.get("style")["basic"]["strikethrough"];
209 |         extraWeightValue.textContent = pluginConfig.get("style")["extra"]["weight"]["textContent"];
210 |         extraUnderline.checked = pluginConfig.get("style")["extra"]["underline"];
211 |         extraStrikethrough.checked = pluginConfig.get("style")["extra"]["strikethrough"];
212 |     }
213 | 
214 | 
215 |     // 歌词设置
216 |     {
217 |         const reset = configView.querySelector(".content.lyrics .lyrics-settings .reset");
218 | 
219 |         const lyricsSwitch = configView.querySelector(".content.lyrics .lyrics-settings .lyrics-switch");
220 |         const retrievalMethodValue = configView.querySelector(".content.lyrics .lyrics-settings .retrieval-method .value");
221 |         const retrievalMethodSelect = configView.querySelector(".content.lyrics .lyrics-settings .retrieval-method .select");
222 | 
223 |         const elements = {
224 |             retrievalMethodValue
225 |         }
226 | 
227 |         reset.addEventListener("click", () => lyrics.reset(elements));
228 | 
229 |         lyricsSwitch.addEventListener("change", event => lyrics.lyricsSwitch(event));
230 | 
231 |         retrievalMethodValue.addEventListener("click", selectController);
232 |         retrievalMethodSelect.addEventListener("click", event => {
233 |             const value = event.target.dataset.value;
234 |             const textContent = event.target.textContent;
235 |             if ((value == "2") && (!window.currentLyrics)) {
236 |                 channel.call(
237 |                     "trayicon.popBalloon",
238 |                     () => { },
239 |                     [{
240 |                         title: "任务栏歌词",
241 |                         text: "无法使用RefinedNowPlaying歌词！\n是否安装RefinedNowPlaying插件？\n将回退到使用LibLyric解析获取歌词",
242 |                         icon: "path",
243 |                         hasSound: true,
244 |                         delayTime: 2e3
245 |                     }]
246 |                 );
247 |                 return;
248 |             }
249 |             lyrics.setRetrievalMethod(value, textContent);
250 |             retrievalMethodValue.textContent = textContent;
251 |         });
252 | 
253 |         retrievalMethodValue.textContent = pluginConfig.get("lyrics")["retrieval_method"]["textContent"];
254 |     }
255 | 
256 | 
257 |     // 显示效果
258 |     {
259 |         const apply = configView.querySelector(".content.lyrics .effect-settings .apply");
260 |         const reset = configView.querySelector(".content.lyrics .effect-settings .reset");
261 | 
262 |         const nextLineLyricsPositionValue = configView.querySelector(".content.lyrics .effect-settings .next-line-lyrics-position .value");
263 |         const nextLineLyricsPositionSelect = configView.querySelector(".content.lyrics .effect-settings .next-line-lyrics-position .select");
264 |         const extraShowValue = configView.querySelector(".content.lyrics .effect-settings .extra-show .value");
265 |         const extraShowSelect = configView.querySelector(".content.lyrics .effect-settings .extra-show .select");
266 |         const adjust = configView.querySelector(".content.lyrics .effect-settings .adjust");
267 | 
268 |         const elements = {
269 |             nextLineLyricsPositionValue,
270 |             extraShowValue,
271 |             adjust
272 |         }
273 | 
274 |         apply.addEventListener("click", () => effect.apply(elements));
275 |         reset.addEventListener("click", () => effect.reset(elements));
276 | 
277 |         nextLineLyricsPositionValue.addEventListener("click", selectController);
278 |         nextLineLyricsPositionSelect.addEventListener("click", event => {
279 |             const value = event.target.dataset.value;
280 |             const textContent = event.target.textContent;
281 |             effect.setNextLineLyricsPosition(value, textContent);
282 |             nextLineLyricsPositionValue.textContent = textContent;
283 |         });
284 | 
285 |         extraShowValue.addEventListener("click", selectController);
286 |         extraShowSelect.addEventListener("click", event => {
287 |             const value = event.target.dataset.value;
288 |             const textContent = event.target.textContent;
289 |             effect.setExtraShow(value, textContent);
290 |             extraShowValue.textContent = textContent;
291 |         });
292 | 
293 |         nextLineLyricsPositionValue.textContent = pluginConfig.get("effect")["next_line_lyrics_position"]["textContent"];
294 |         extraShowValue.textContent = pluginConfig.get("effect")["extra_show"]["textContent"];
295 |         adjust.value = pluginConfig.get("effect")["adjust"];
296 |     }
297 | 
298 | 
299 |     // 对齐方式
300 |     {
301 |         const reset = configView.querySelector(".content.lyrics .align-settings .reset");
302 | 
303 |         const basicLeft = configView.querySelector(".content.lyrics .align-settings .basic-left");
304 |         const basicCenter = configView.querySelector(".content.lyrics .align-settings .basic-center");
305 |         const basicRight = configView.querySelector(".content.lyrics .align-settings .basic-right");
306 |         const extraLeft = configView.querySelector(".content.lyrics .align-settings .extra-left");
307 |         const extraCenter = configView.querySelector(".content.lyrics .align-settings .extra-center");
308 |         const extraRight = configView.querySelector(".content.lyrics .align-settings .extra-right");
309 | 
310 |         reset.addEventListener("click", () => align.reset());
311 | 
312 |         basicLeft.addEventListener("click", event => align.setLeft(event));
313 |         basicCenter.addEventListener("click", event => align.setCenter(event));
314 |         basicRight.addEventListener("click", event => align.setRight(event));
315 |         extraLeft.addEventListener("click", event => align.setLeft(event));
316 |         extraCenter.addEventListener("click", event => align.setCenter(event));
317 |         extraRight.addEventListener("click", event => align.setRight(event));
318 |     }
319 | 
320 | 
321 |     // 修改位置
322 |     {
323 |         const reset = configView.querySelector(".content.window .position-settings .reset");
324 | 
325 |         const windowPositionValue = configView.querySelector(".content.window .position-settings .window-position .value");
326 |         const windowPositionSelect = configView.querySelector(".content.window .position-settings .window-position .select");
327 | 
328 |         const elements = {
329 |             windowPositionValue
330 |         }
331 | 
332 |         reset.addEventListener("click", () => position.reset(elements));
333 | 
334 |         windowPositionValue.addEventListener("click", selectController);
335 |         windowPositionSelect.addEventListener("click", event => {
336 |             const value = event.target.dataset.value;
337 |             const textContent = event.target.textContent;
338 |             position.setWindowPosition(value, textContent);
339 |             windowPositionValue.textContent = textContent;
340 |         });
341 | 
342 |         windowPositionValue.textContent = pluginConfig.get("position")["position"]["textContent"];
343 |     }
344 | 
345 | 
346 |     // 修改边距
347 |     {
348 |         const apply = configView.querySelector(".content.window .margin-settings .apply");
349 |         const reset = configView.querySelector(".content.window .margin-settings .reset");
350 | 
351 |         const left = configView.querySelector(".content.window .margin-settings .left");
352 |         const right = configView.querySelector(".content.window .margin-settings .right");
353 | 
354 |         const elements = {
355 |             left,
356 |             right
357 |         }
358 | 
359 |         apply.addEventListener("click", () => margin.apply(elements));
360 |         reset.addEventListener("click", () => margin.reset(elements));
361 | 
362 |         left.value = pluginConfig.get("margin")["left"];
363 |         right.value = pluginConfig.get("margin")["right"];
364 |     }
365 | 
366 | 
367 |     // 切换屏幕
368 |     {
369 |         const reset = configView.querySelector(".content.window .screen-settings .reset");
370 | 
371 |         const parentTaskbarValue = configView.querySelector(".content.window .screen-settings .parent-taskbar .value");
372 |         const parentTaskbarSelect = configView.querySelector(".content.window .screen-settings .parent-taskbar .select");
373 | 
374 |         const elements = {
375 |             parentTaskbarValue
376 |         }
377 | 
378 |         reset.addEventListener("click", () => screen.reset(elements));
379 | 
380 |         parentTaskbarValue.addEventListener("click", selectController);
381 |         parentTaskbarSelect.addEventListener("click", event => {
382 |             const value = event.target.dataset.value;
383 |             const textContent = event.target.textContent;
384 |             screen.setParentTaskbar(value, textContent);
385 |             parentTaskbarValue.textContent = textContent;
386 |         });
387 | 
388 |         parentTaskbarValue.textContent = pluginConfig.get("screen")["parent_taskbar"]["textContent"];
389 |     }
390 | });


--------------------------------------------------------------------------------
/src/betterncm-plugin/base.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | 
  4 | plugin.onLoad(async () => {
  5 |     const TaskbarLyricsPort = BETTERNCM_API_PORT - 2;
  6 | 
  7 |     const TaskbarLyricsFetch = (path, params) => fetch(
  8 |         `http://127.0.0.1:${TaskbarLyricsPort}/taskbar${path}`,
  9 |         {
 10 |             method: "POST",
 11 |             body: JSON.stringify(params),
 12 |             headers: {
 13 |                 "Content-Type": "application/json"
 14 |             }
 15 |         }
 16 |     );
 17 | 
 18 |     const TaskbarLyricsAPI = {
 19 |         // 字体设置
 20 |         font: {
 21 |             font: params => TaskbarLyricsFetch("/font/font", params),
 22 |             color: params => TaskbarLyricsFetch("/font/color", params),
 23 |             style: params => TaskbarLyricsFetch("/font/style", params),
 24 |         },
 25 | 
 26 |         // 歌词设置
 27 |         lyrics: {
 28 |             lyrics: params => TaskbarLyricsFetch("/lyrics/lyrics", params),
 29 |             align: params => TaskbarLyricsFetch("/lyrics/align", params),
 30 |         },
 31 | 
 32 |         // 窗口设置
 33 |         window: {
 34 |             position: params => TaskbarLyricsFetch("/window/position", params),
 35 |             margin: params => TaskbarLyricsFetch("/window/margin", params),
 36 |             screen: params => TaskbarLyricsFetch("/window/screen", params),
 37 |         },
 38 | 
 39 |         // 关闭
 40 |         close: params => TaskbarLyricsFetch("/close", params)
 41 |     };
 42 | 
 43 | 
 44 |     // 对应Windows的枚举
 45 |     const WindowsEnum = {
 46 |         WindowAlignment: {
 47 |             WindowAlignmentAdaptive: 0,
 48 |             WindowAlignmentLeft: 1,
 49 |             WindowAlignmentCenter: 2,
 50 |             WindowAlignmentRight: 3
 51 |         },
 52 |         DWRITE_TEXT_ALIGNMENT: {
 53 |             DWRITE_TEXT_ALIGNMENT_LEADING: 0,
 54 |             DWRITE_TEXT_ALIGNMENT_TRAILING: 1,
 55 |             DWRITE_TEXT_ALIGNMENT_CENTER: 2,
 56 |             DWRITE_TEXT_ALIGNMENT_JUSTIFIED: 3
 57 |         },
 58 |         DWRITE_FONT_WEIGHT: {
 59 |             DWRITE_FONT_WEIGHT_THIN: 100,
 60 |             DWRITE_FONT_WEIGHT_EXTRA_LIGHT: 200,
 61 |             DWRITE_FONT_WEIGHT_ULTRA_LIGHT: 200,
 62 |             DWRITE_FONT_WEIGHT_LIGHT: 300,
 63 |             DWRITE_FONT_WEIGHT_SEMI_LIGHT: 350,
 64 |             DWRITE_FONT_WEIGHT_NORMAL: 400,
 65 |             DWRITE_FONT_WEIGHT_REGULAR: 400,
 66 |             DWRITE_FONT_WEIGHT_MEDIUM: 500,
 67 |             DWRITE_FONT_WEIGHT_DEMI_BOLD: 600,
 68 |             DWRITE_FONT_WEIGHT_SEMI_BOLD: 600,
 69 |             DWRITE_FONT_WEIGHT_BOLD: 700,
 70 |             DWRITE_FONT_WEIGHT_EXTRA_BOLD: 800,
 71 |             DWRITE_FONT_WEIGHT_ULTRA_BOLD: 800,
 72 |             DWRITE_FONT_WEIGHT_BLACK: 900,
 73 |             DWRITE_FONT_WEIGHT_HEAVY: 900,
 74 |             DWRITE_FONT_WEIGHT_EXTRA_BLACK: 950,
 75 |             DWRITE_FONT_WEIGHT_ULTRA_BLACK: 950
 76 |         },
 77 |         DWRITE_FONT_STYLE: {
 78 |             DWRITE_FONT_STYLE_NORMAL: 0,
 79 |             DWRITE_FONT_STYLE_OBLIQUE: 1,
 80 |             DWRITE_FONT_STYLE_ITALIC: 2
 81 |         }
 82 |     };
 83 | 
 84 | 
 85 |     // 默认的配置
 86 |     const defaultConfig = {
 87 |         "font": {
 88 |             "font_family": "Microsoft YaHei UI"
 89 |         },
 90 |         "color": {
 91 |             "basic": {
 92 |                 "light": {
 93 |                     "hex_color": 0x000000,
 94 |                     "opacity": 1.0
 95 |                 },
 96 |                 "dark": {
 97 |                     "hex_color": 0xFFFFFF,
 98 |                     "opacity": 1.0
 99 |                 }
100 |             },
101 |             "extra": {
102 |                 "light": {
103 |                     "hex_color": 0x000000,
104 |                     "opacity": 1.0
105 |                 },
106 |                 "dark": {
107 |                     "hex_color": 0xFFFFFF,
108 |                     "opacity": 1.0
109 |                 }
110 |             }
111 |         },
112 |         "style": {
113 |             "basic": {
114 |                 "weight": {
115 |                     "value": WindowsEnum.DWRITE_FONT_WEIGHT.DWRITE_FONT_WEIGHT_NORMAL,
116 |                     "textContent": "Normal (400)"
117 |                 },
118 |                 "slope": WindowsEnum.DWRITE_FONT_STYLE.DWRITE_FONT_STYLE_NORMAL,
119 |                 "underline": false,
120 |                 "strikethrough": false
121 |             },
122 |             "extra": {
123 |                 "weight": {
124 |                     "value": WindowsEnum.DWRITE_FONT_WEIGHT.DWRITE_FONT_WEIGHT_NORMAL,
125 |                     "textContent": "Normal (400)"
126 |                 },
127 |                 "slope": WindowsEnum.DWRITE_FONT_STYLE.DWRITE_FONT_STYLE_NORMAL,
128 |                 "underline": false,
129 |                 "strikethrough": false
130 |             }
131 |         },
132 |         "lyrics": {
133 |             "retrieval_method": {
134 |                 "value": 1,
135 |                 "textContent": "使用LibLyric解析获取歌词",
136 |             }
137 |         },
138 |         "effect": {
139 |             "next_line_lyrics_position": {
140 |                 "value": 0,
141 |                 "textContent": "副歌词，下句歌词显示在这"
142 |             },
143 |             "extra_show": {
144 |                 "value": 2,
145 |                 "textContent": "当前翻译，没则用上个选项"
146 |             },
147 |             "adjust": 0.0
148 |         },
149 |         "align": {
150 |             "basic": WindowsEnum.DWRITE_TEXT_ALIGNMENT.DWRITE_TEXT_ALIGNMENT_LEADING,
151 |             "extra": WindowsEnum.DWRITE_TEXT_ALIGNMENT.DWRITE_TEXT_ALIGNMENT_LEADING
152 |         },
153 |         "position": {
154 |             "position": {
155 |                 "value": WindowsEnum.WindowAlignment.WindowAlignmentAdaptive,
156 |                 "textContent": "自动，自适应选择左或右"
157 |             }
158 |         },
159 |         "margin": {
160 |             "left": 0,
161 |             "right": 0
162 |         },
163 |         "screen": {
164 |             "parent_taskbar": {
165 |                 "value": "Shell_TrayWnd",
166 |                 "textContent": "主屏幕任务栏"
167 |             }
168 |         }
169 |     };
170 | 
171 | 
172 |     const pluginConfig = {
173 |         get: name => Object.assign({}, defaultConfig[name], plugin.getConfig(name, defaultConfig[name])),
174 |         set: (name, value) => plugin.setConfig(name, value)
175 |     };
176 | 
177 | 
178 |     this.base = {
179 |         TaskbarLyricsPort,
180 |         TaskbarLyricsAPI,
181 |         WindowsEnum,
182 |         defaultConfig,
183 |         pluginConfig
184 |     };
185 | });
186 | 


--------------------------------------------------------------------------------
/src/betterncm-plugin/config.html:
--------------------------------------------------------------------------------
  1 | <div id="taskbar-lyrics-dom">
  2 |     <!-- tab选项卡 -->
  3 |     <header class="tab_box">
  4 |         <button class="tab_button active">字体</button>
  5 |         <button class="tab_button">歌词</button>
  6 |         <button class="tab_button">窗口</button>
  7 |         <button class="tab_button">关于</button>
  8 |         <button class="tab_button">日志</button>
  9 |     </header>
 10 | 
 11 |     <!-- 主体内容 -->
 12 |     <main class="content_box">
 13 |         <!-- 字体 -->
 14 |         <div class="content font show">
 15 |             <!-- 更换字体 -->
 16 |             <section class="font-settings">
 17 |                 <h1>
 18 |                     <strong>更换字体：</strong>
 19 |                     <button class="u-ibtn5 u-ibtnsz8 apply">立即应用</button>
 20 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
 21 |                 </h1>
 22 |                 <div class="item_container">
 23 |                     <span>字体名称：</span>
 24 |                     <input type="text" class="u-txt sc-flag font-family">
 25 |                 </div>
 26 |             </section>
 27 | 
 28 |             <hr />
 29 | 
 30 |             <!-- 字体颜色 -->
 31 |             <section class="color-settings">
 32 |                 <h1>
 33 |                     <strong>字体颜色：</strong>
 34 |                     <button class="u-ibtn5 u-ibtnsz8 apply">立即应用</button>
 35 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
 36 |                 </h1>
 37 |                 <div class="item_container">
 38 |                     <span>主歌词-浅色模式：</span>
 39 |                     <input type="color" class="u-txt sc-flag color-input basic-light-color">
 40 |                     <span>透明度：</span>
 41 |                     <input type="number" class="u-txt sc-flag number-input basic-light-opacity" step="0.01" min="0" max="1">
 42 |                 </div>
 43 |                 <div class="item_container">
 44 |                     <span>主歌词-深色模式：</span>
 45 |                     <input type="color" class="u-txt sc-flag color-input basic-dark-color">
 46 |                     <span>透明度：</span>
 47 |                     <input type="number" class="u-txt sc-flag number-input basic-dark-opacity" step="0.01" min="0" max="1">
 48 |                 </div>
 49 |                 <div class="item_container">
 50 |                     <span>副歌词-浅色模式：</span>
 51 |                     <input type="color" class="u-txt sc-flag color-input extra-light-color">
 52 |                     <span>透明度：</span>
 53 |                     <input type="number" class="u-txt sc-flag number-input extra-light-opacity" step="0.01" min="0" max="1">
 54 |                 </div>
 55 |                 <div class="item_container">
 56 |                     <span>副歌词-深色模式：</span>
 57 |                     <input type="color" class="u-txt sc-flag color-input extra-dark-color">
 58 |                     <span>透明度：</span>
 59 |                     <input type="number" class="u-txt sc-flag number-input extra-dark-opacity" step="0.01" min="0" max="1">
 60 |                 </div>
 61 |             </section>
 62 | 
 63 |             <hr />
 64 | 
 65 |             <!-- 字体样式 -->
 66 |             <section class="style-settings">
 67 |                 <h1>
 68 |                     <strong>字体样式：</strong>
 69 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
 70 |                 </h1>
 71 |                 <div class="item_container">
 72 |                     <span>主歌词-字体字重：</span>
 73 |                     <div class="u-select basic-weight" style="z-index: 2;">
 74 |                         <div class="value">Normal (400)</div>
 75 |                         <div class="sltwrap">
 76 |                             <ul class="select" data-type="basic">
 77 |                                 <li class="option f-thide" data-value="100">Thin (100)</li>
 78 |                                 <li class="option f-thide" data-value="200">Extra-light (200)</li>
 79 |                                 <li class="option f-thide" data-value="200">Ultra-light (200)</li>
 80 |                                 <li class="option f-thide" data-value="300">Light (300)</li>
 81 |                                 <li class="option f-thide" data-value="350">Semi-light (350)</li>
 82 |                                 <li class="option f-thide" data-value="400">Normal (400)</li>
 83 |                                 <li class="option f-thide" data-value="400">Regular (400)</li>
 84 |                                 <li class="option f-thide" data-value="500">Medium (500)</li>
 85 |                                 <li class="option f-thide" data-value="600">Demi-bold (600)</li>
 86 |                                 <li class="option f-thide" data-value="600">Semi-bold (600)</li>
 87 |                                 <li class="option f-thide" data-value="700">Bold (700)</li>
 88 |                                 <li class="option f-thide" data-value="800">Extra-bold (800)</li>
 89 |                                 <li class="option f-thide" data-value="800">Ultra-bold (800)</li>
 90 |                                 <li class="option f-thide" data-value="900">Black (900)</li>
 91 |                                 <li class="option f-thide" data-value="900">Heavy (900)</li>
 92 |                                 <li class="option f-thide" data-value="950">Extra-black (950)</li>
 93 |                                 <li class="option f-thide" data-value="950">Ultra-black (950)</li>
 94 |                             </ul>
 95 |                         </div>
 96 |                     </div>
 97 |                 </div>
 98 |                 <div class="item_container">
 99 |                     <span>主歌词-字体斜体：</span>
100 |                     <button class="u-ibtn5 u-ibtnsz8 basic-normal" data-type="basic">Normal</button>
101 |                     <button class="u-ibtn5 u-ibtnsz8 basic-oblique" data-type="basic">Oblique</button>
102 |                     <button class="u-ibtn5 u-ibtnsz8 basic-italic" data-type="basic">Italic</button>
103 |                 </div>
104 |                 <div class="item_container">
105 |                     <span>主歌词-下划线：</span>
106 |                     <input type="checkbox" class="switch-btn basic-underline" data-type="basic">
107 |                 </div>
108 |                 <div class="item_container">
109 |                     <span>主歌词-删除线：</span>
110 |                     <input type="checkbox" class="switch-btn basic-strikethrough" data-type="basic">
111 |                 </div>
112 |                 <div class="item_container">
113 |                     <span>副歌词-字体字重：</span>
114 |                     <div class="u-select extra-weight">
115 |                         <div class="value">Normal (400)</div>
116 |                         <div class="sltwrap">
117 |                             <ul class="select" data-type="extra">
118 |                                 <li class="option f-thide" data-value="100">Thin (100)</li>
119 |                                 <li class="option f-thide" data-value="200">Extra-light (200)</li>
120 |                                 <li class="option f-thide" data-value="200">Ultra-light (200)</li>
121 |                                 <li class="option f-thide" data-value="300">Light (300)</li>
122 |                                 <li class="option f-thide" data-value="350">Semi-light (350)</li>
123 |                                 <li class="option f-thide" data-value="400">Normal (400)</li>
124 |                                 <li class="option f-thide" data-value="400">Regular (400)</li>
125 |                                 <li class="option f-thide" data-value="500">Medium (500)</li>
126 |                                 <li class="option f-thide" data-value="600">Demi-bold (600)</li>
127 |                                 <li class="option f-thide" data-value="600">Semi-bold (600)</li>
128 |                                 <li class="option f-thide" data-value="700">Bold (700)</li>
129 |                                 <li class="option f-thide" data-value="800">Extra-bold (800)</li>
130 |                                 <li class="option f-thide" data-value="800">Ultra-bold (800)</li>
131 |                                 <li class="option f-thide" data-value="900">Black (900)</li>
132 |                                 <li class="option f-thide" data-value="900">Heavy (900)</li>
133 |                                 <li class="option f-thide" data-value="950">Extra-black (950)</li>
134 |                                 <li class="option f-thide" data-value="950">Ultra-black (950)</li>
135 |                             </ul>
136 |                         </div>
137 |                     </div>
138 |                 </div>
139 |                 <div class="item_container">
140 |                     <span>副歌词-字体斜体：</span>
141 |                     <button class="u-ibtn5 u-ibtnsz8 extra-normal" data-type="extra">Normal</button>
142 |                     <button class="u-ibtn5 u-ibtnsz8 extra-oblique" data-type="extra">Oblique</button>
143 |                     <button class="u-ibtn5 u-ibtnsz8 extra-italic" data-type="extra">Italic</button>
144 |                 </div>
145 |                 <div class="item_container">
146 |                     <span>副歌词-下划线：</span>
147 |                     <input type="checkbox" class="switch-btn extra-underline" data-type="extra">
148 |                 </div>
149 |                 <div class="item_container">
150 |                     <span>副歌词-删除线：</span>
151 |                     <input type="checkbox" class="switch-btn extra-strikethrough" data-type="extra">
152 |                 </div>
153 |             </section>
154 |         </div>
155 | 
156 |         <!-- 歌词 -->
157 |         <div class="content lyrics">
158 |             <!-- 歌词设置 -->
159 |             <section class="lyrics-settings">
160 |                 <h1>
161 |                     <strong>歌词设置：</strong>
162 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
163 |                 </h1>
164 |                 <div class="item_container">
165 |                     <span>歌词开关：</span>
166 |                     <input type="checkbox" class="switch-btn lyrics-switch" checked>
167 |                 </div>
168 |                 <div class="item_container">
169 |                     <span>获取方法：</span>
170 |                     <div class="u-select retrieval-method">
171 |                         <div class="value">使用LibLyric解析获取歌词</div>
172 |                         <div class="sltwrap">
173 |                             <ul class="select">
174 |                                 <li class="option f-thide" data-value="0">使用软件内词栏监听获取歌词</li>
175 |                                 <li class="option f-thide" data-value="1">使用LibLyric解析获取歌词</li>
176 |                                 <li class="option f-thide" data-value="2">使用RefinedNowPlaying歌词</li>
177 |                             </ul>
178 |                         </div>
179 |                     </div>
180 |                 </div>
181 |             </section>
182 | 
183 |             <hr />
184 | 
185 |             <!-- 显示效果 -->
186 |             <section class="effect-settings">
187 |                 <h1>
188 |                     <strong>显示效果：</strong>
189 |                     <button class="u-ibtn5 u-ibtnsz8 apply">立即应用</button>
190 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
191 |                 </h1>
192 |                 <div class="item_container">
193 |                     <span>延迟调整：</span>
194 |                     <input type="number" class="u-txt sc-flag number-input adjust" step="0.1" min="-10" max="10">
195 |                 </div>
196 |                 <div class="item_container">
197 |                     <span>下句歌词位置：</span>
198 |                     <div class="u-select next-line-lyrics-position" style="z-index: 2;">
199 |                         <div class="value">副歌词，下句歌词显示在这</div>
200 |                         <div class="sltwrap">
201 |                             <ul class="select">
202 |                                 <li class="option f-thide" data-value="0">副歌词，下句歌词显示在这</li>
203 |                                 <li class="option f-thide" data-value="1">主歌词，下句歌词显示在这</li>
204 |                                 <li class="option f-thide" data-value="2">交错式，就跟桌面歌词一样</li>
205 |                             </ul>
206 |                         </div>
207 |                     </div>
208 |                 </div>
209 |                 <div class="item_container">
210 |                     <span>副歌词显示：</span>
211 |                     <div class="u-select extra-show">
212 |                         <div class="value"></div>
213 |                         <div class="sltwrap">
214 |                             <ul class="select">
215 |                                 <li class="option f-thide" data-value="0">隐藏歌词，让歌词独占两行</li>
216 |                                 <li class="option f-thide" data-value="1">下句歌词，没则用上个选项</li>
217 |                                 <li class="option f-thide" data-value="2">当前翻译，没则用上个选项</li>
218 |                                 <li class="option f-thide" data-value="3">当前音译，没则用上个选项</li>
219 |                             </ul>
220 |                         </div>
221 |                     </div>
222 |                 </div>
223 |             </section>
224 | 
225 |             <hr />
226 | 
227 |             <!-- 对齐方式 -->
228 |             <section class="align-settings">
229 |                 <h1>
230 |                     <strong>对齐方式：</strong>
231 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
232 |                 </h1>
233 |                 <div class="item_container">
234 |                     <span>主歌词：</span>
235 |                     <button class="u-ibtn5 u-ibtnsz8 basic-left" data-type="basic">左</button>
236 |                     <button class="u-ibtn5 u-ibtnsz8 basic-center" data-type="basic">中</button>
237 |                     <button class="u-ibtn5 u-ibtnsz8 basic-right" data-type="basic">右</button>
238 |                 </div>
239 |                 <div class="item_container">
240 |                     <span>副歌词：</span>
241 |                     <button class="u-ibtn5 u-ibtnsz8 extra-left" data-type="extra">左</button>
242 |                     <button class="u-ibtn5 u-ibtnsz8 extra-center" data-type="extra">中</button>
243 |                     <button class="u-ibtn5 u-ibtnsz8 extra-right" data-type="extra">右</button>
244 |                 </div>
245 |             </section>
246 |         </div>
247 | 
248 |         <!-- 窗口 -->
249 |         <div class="content window">
250 |             <!-- 修改位置 -->
251 |             <section class="position-settings">
252 |                 <h1>
253 |                     <strong>修改位置：</strong>
254 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
255 |                 </h1>
256 |                 <div class="item_container">
257 |                     <span>窗口位置：</span>
258 |                     <div class="u-select window-position">
259 |                         <div class="value">靠左，占满剩余空间宽度</div>
260 |                         <div class="sltwrap">
261 |                             <ul class="select">
262 |                                 <li class="option f-thide" data-value="0">自动，自适应选择左或右</li>
263 |                                 <li class="option f-thide" data-value="1">靠左，占满剩余空间宽度</li>
264 |                                 <li class="option f-thide" data-value="2">中间，基于任务栏的宽度</li>
265 |                                 <li class="option f-thide" data-value="3">靠右，占满剩余空间宽度</li>
266 |                             </ul>
267 |                         </div>
268 |                     </div>
269 |                 </div>
270 |             </section>
271 | 
272 |             <hr />
273 | 
274 |             <!-- 修改边距 -->
275 |             <section class="margin-settings">
276 |                 <h1>
277 |                     <strong>修改边距：</strong>
278 |                     <button class="u-ibtn5 u-ibtnsz8 apply">立即应用</button>
279 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
280 |                 </h1>
281 |                 <div class="item_container">
282 |                     <span>左边距：</span>
283 |                     <input type="number" class="u-txt sc-flag number-input left">
284 |                 </div>
285 |                 <div class="item_container">
286 |                     <span>右边距：</span>
287 |                     <input type="number" class="u-txt sc-flag number-input right">
288 |                 </div>
289 |             </section>
290 | 
291 |             <hr />
292 | 
293 |             <!-- 切换屏幕 -->
294 |             <section class="screen-settings">
295 |                 <h1>
296 |                     <strong>切换屏幕：（实验性功能，目前在副屏有BUG）</strong>
297 |                     <button class="u-ibtn5 u-ibtnsz8 reset">恢复默认</button>
298 |                 </h1>
299 |                 <div class="item_container">
300 |                     <span>父任务栏：</span>
301 |                     <div class="u-select parent-taskbar">
302 |                         <div class="value">主屏幕任务栏</div>
303 |                         <div class="sltwrap">
304 |                             <ul class="select">
305 |                                 <li class="option f-thide" data-value="Shell_TrayWnd">主屏幕任务栏</li>
306 |                                 <li class="option f-thide" data-value="Shell_SecondaryTrayWnd">副屏幕任务栏</li>
307 |                             </ul>
308 |                         </div>
309 |                     </div>
310 |                 </div>
311 |             </section>
312 |         </div>
313 | 
314 |         <!-- 关于 -->
315 |         <div class="content about">
316 |             <!-- 关于插件 -->
317 |             <section>
318 |                 <h1>
319 |                     <strong>关于插件：</strong>
320 |                 </h1>
321 |                 <div class="text_container">
322 |                     <p>
323 |                         <span>作者名称：</span>
324 |                         <a onclick="betterncm.ncm.openUrl(this.title)" title="https://github.com/mo-jinran">🌈沫烬染🐾</a>
325 |                     </p>
326 |                     <p>
327 |                         <span>仓库链接：</span>
328 |                         <a onclick="betterncm.ncm.openUrl(this.title)" title="https://github.com/mo-jinran/Taskbar-Lyrics">Taskbar-Lyrics</a>
329 |                     </p>
330 |                     <p>==================================================</p>
331 |                     <p>以上链接均为Github，喜欢就来点个Star吧~</p>
332 |                     <p>如有BUG或建议欢迎前来发Issue</p>
333 |                     <p>有大佬感兴趣来Fork本项目提交PR</p>
334 |                     <p>来帮助我们将此插件变得更好！</p>
335 |                 </div>
336 |             </section>
337 | 
338 |             <hr />
339 | 
340 |             <!-- 注意事项 -->
341 |             <section>
342 |                 <h1>
343 |                     <strong>注意事项：</strong>
344 |                 </h1>
345 |                 <div class="text_container">
346 |                     <p>本插件适用于Windows 11，且任务栏没用第三方软件重度修改</p>
347 |                     <p>如遇到某些选项不生效，请尝试点击选项旁边的“恢复默认”按钮</p>
348 |                     <p>如遇到不显示歌词，并且没有个性化的效果，请尝试“重载网易云”</p>
349 |                 </div>
350 |             </section>
351 | 
352 |             <hr />
353 | 
354 |             <!-- 杂七杂八 -->
355 |             <section>
356 |                 <h1>
357 |                     <strong>杂七杂八：</strong>
358 |                 </h1>
359 |                 <div class="text_container">
360 |                     <p>插件名称是“Taskbar-Lyrics”，“任务栏歌词”，不是状态栏呀</p>
361 |                     <p>插件并非为BetterNCM提供的Native Plugin（DLL形式注入）</p>
362 |                     <p>插件会启动任务栏歌词程序，并嵌入到任务栏中和开启HTTP服务器</p>
363 |                     <p>插件端负责获取播放状态与歌词和一些个性化配置提供给软件端</p>
364 |                 </div>
365 |             </section>
366 |         </div>
367 | 
368 |         <!-- 日志 -->
369 |         <div class="content changelog">
370 |             <section>
371 |                 <h1>
372 |                     <strong>1.6.3</strong>
373 |                 </h1>
374 |                 <div class="text_container">
375 |                     <p>-> | 优化代码，移除没必要的代码</p>
376 |                     <p>-> | 修复打开下拉选择框后，点击其他区域无法收起的问题</p>
377 |                     <p>-> | 修复使用RefinedNowPlaying歌词可能对不上的问题</p>
378 |                     <p>-> | 将API的端口号从BetterNCM API的端口号+2改成-2</p>
379 |                 </div>
380 |             </section>
381 | 
382 |             <hr />
383 | 
384 |             <section>
385 |                 <h1>
386 |                     <strong>1.6.2</strong>
387 |                 </h1>
388 |                 <div class="text_container">
389 |                     <p>-> | 修复一些选项失效的BUG</p>
390 |                     <p>-> | 添加插件更新日志（之前的日志的会有些差错</p>
391 |                     <p>-> | 添加新的歌词获取方式，使用RefinedNowPlaying歌词</p>
392 |                 </div>
393 |             </section>
394 | 
395 |             <hr />
396 | 
397 |             <section>
398 |                 <h1>
399 |                     <strong>1.6.1</strong>
400 |                 </h1>
401 |                 <div class="text_container">
402 |                     <p>-> | 琐事调整，优化代码，统一风格</p>
403 |                     <p>-> | 将一些选项换成下拉式选择框</p>
404 |                     <p>-> | 添加窗口位置自适应</p>
405 |                     <p>-> | 修复程序某些情况崩溃问题</p>
406 |                 </div>
407 |             </section>
408 | 
409 |             <hr />
410 | 
411 |             <section>
412 |                 <h1>
413 |                     <strong>1.6.0</strong>
414 |                 </h1>
415 |                 <div class="text_container">
416 |                     <p>-> | 优化代码，区分API与设置的类别</p>
417 |                     <p>-> | 添加显示效果设置，下句歌词位置</p>
418 |                     <p>-> | 将副歌词显示与延迟调整移动到显示效果内</p>
419 |                     <p>-> | 修改默认字体为：Microsoft YaHei UI</p>
420 |                 </div>
421 |             </section>
422 | 
423 |             <hr />
424 | 
425 |             <section>
426 |                 <h1>
427 |                     <strong>1.5.7</strong>
428 |                 </h1>
429 |                 <div class="text_container">
430 |                     <p>-> | 纯音乐显示歌曲名与作曲家</p>
431 |                     <p>-> | 修改设置界面分类</p>
432 |                 </div>
433 |             </section>
434 | 
435 |             <hr />
436 | 
437 |             <section>
438 |                 <h1>
439 |                     <strong>1.5.6</strong>
440 |                 </h1>
441 |                 <div class="text_container">
442 |                     <p>-> | 修复获取的路径不标准导致无法启动软件的问题</p>
443 |                 </div>
444 |             </section>
445 | 
446 |             <hr />
447 | 
448 |             <section>
449 |                 <h1>
450 |                     <strong>1.5.5</strong>
451 |                 </h1>
452 |                 <div class="text_container">
453 |                     <p>-> | 尝试解决软件不会启动的问题</p>
454 |                     <p>-> | 优化代码，移除没用到的引入</p>
455 |                     <p>-> | 解决刚打开软件时获取不到数据而报错的问题</p>
456 |                 </div>
457 |             </section>
458 | 
459 |             <hr />
460 | 
461 |             <section>
462 |                 <h1>
463 |                     <strong>1.5.4</strong>
464 |                 </h1>
465 |                 <div class="text_container">
466 |                     <p>-> | 优化代码，删除无用的调试语句与注释</p>
467 |                     <p>-> | 调整配置界面样式，配置界面适配亮暗主题</p>
468 |                     <p>-> | 重写文字排版，修复文字右对齐后最后一个字只剩一半，修复文字超出部分没有被隐藏</p>
469 |                 </div>
470 |             </section>
471 | 
472 |             <hr />
473 | 
474 |             <section>
475 |                 <h1>
476 |                     <strong>1.5.3</strong>
477 |                 </h1>
478 |                 <div class="text_container">
479 |                     <p>-> | 优化代码，调整配置界面，调整代码位置，删除调试语句</p>
480 |                     <p>-> | 读取配置时，没有或无效的将使用默认值</p>
481 |                     <p>-> | 解决切换歌曲后再切换到新的歌词获取方式时无法重新获取歌词的问题</p>
482 |                 </div>
483 |             </section>
484 | 
485 |             <hr />
486 | 
487 |             <section>
488 |                 <h1>
489 |                     <strong>1.5.2</strong>
490 |                 </h1>
491 |                 <div class="text_container">
492 |                     <p>-> | 移除对libsonginfo的依赖</p>
493 |                     <p>-> | 解决插件占用文件夹，复制软件到其他目录后运行</p>
494 |                     <p>-> | 添加切换歌词获取方式选项</p>
495 |                     <p>-> | 修改注意事项</p>
496 |                     <p>-> | 优化代码，调整配置界面布局</p>
497 |                 </div>
498 |             </section>
499 | 
500 |             <hr />
501 | 
502 |             <section>
503 |                 <h1>
504 |                     <strong>1.5.1</strong>
505 |                 </h1>
506 |                 <div class="text_container">
507 |                     <p>-> | 优化代码，调整配置界面</p>
508 |                     <p>-> | 添加歌词时间调整</p>
509 |                 </div>
510 |             </section>
511 | 
512 |             <hr />
513 | 
514 |             <section>
515 |                 <h1>
516 |                     <strong>1.5.0</strong>
517 |                 </h1>
518 |                 <div class="text_container">
519 |                     <p>-> | 重构/优化代码，重构配置界面，移除软件的互斥锁，修改一部分API</p>
520 |                     <p>-> | 添加libsonginfo与liblyric依赖</p>
521 |                     <p>-> | 添加通过liblyric获取歌词，并设为默认方式</p>
522 |                     <p>-> | 添加修改副歌词的选项</p>
523 |                     <p>-> | 修复下拉式选择框只能显示值的问题</p>
524 |                 </div>
525 |             </section>
526 | 
527 |             <hr />
528 | 
529 |             <section>
530 |                 <h1>
531 |                     <strong>1.4.3</strong>
532 |                 </h1>
533 |                 <div class="text_container">
534 |                     <p>-> | 优化代码，修改函数导出导入，拆分代码</p>
535 |                     <p>-> | 修复样式设置不生效的问题</p>
536 |                 </div>
537 |             </section>
538 | 
539 |             <hr />
540 | 
541 |             <section>
542 |                 <h1>
543 |                     <strong>1.4.2</strong>
544 |                 </h1>
545 |                 <div class="text_container">
546 |                     <p>-> | 优化代码</p>
547 |                     <p>-> | 添加回字体样式功能</p>
548 |                     <p>-> | 修复样式设置不生效的问题</p>
549 |                     <p>-> | 修复读取到不兼容的配置导致无法使用的问题</p>
550 |                 </div>
551 |             </section>
552 | 
553 |             <hr />
554 | 
555 |             <section>
556 |                 <h1>
557 |                     <strong>1.4.1</strong>
558 |                 </h1>
559 |                 <div class="text_container">
560 |                     <p>-> | 优化代码，删除无用代码</p>
561 |                     <p>-> | 修复第一次打开某些输入框不显示默认值</p>
562 |                     <p>-> | 关闭歌词时停止对歌词变动的监控</p>
563 |                 </div>
564 |             </section>
565 | 
566 |             <hr />
567 | 
568 |             <section>
569 |                 <h1>
570 |                     <strong>1.4.0</strong>
571 |                 </h1>
572 |                 <div class="text_container">
573 |                     <p>-> | 优化代码，删除无用代码</p>
574 |                     <p>-> | 重构代码，从GDI+切换为Direct2D与DirectWrite</p>
575 |                     <p>-> | 重构代码，插件端，将单文件拆分代码为多文件并注入</p>
576 |                     <p>-> | 修复第一次打开某些输入框不显示默认值</p>
577 |                     <p>-> | 关闭歌词时停止对歌词变动的监控</p>
578 |                     <p>-> | 修复歌词位置无法设置在左边的问题</p>
579 |                 </div>
580 |             </section>
581 | 
582 |             <hr />
583 | 
584 |             <section>
585 |                 <h1>
586 |                     <strong>1.3.1</strong>
587 |                 </h1>
588 |                 <div class="text_container">
589 |                     <p>-> | 微调歌词的字体大小与边距</p>
590 |                     <p>-> | 优化代码，优化设置界面</p>
591 |                     <p>-> | 更改为使用JSON传输数据</p>
592 |                     <p>-> | 添加基于整个任务栏宽度居中的按钮</p>
593 |                 </div>
594 |             </section>
595 | 
596 |             <hr />
597 | 
598 |             <section>
599 |                 <h1>
600 |                     <strong>1.3.0</strong>
601 |                 </h1>
602 |                 <div class="text_container">
603 |                     <p>-> | 添加修改边距选项</p>
604 |                     <p>-> | 添加字体样式选项</p>
605 |                     <p>-> | 修复歌词在手动关闭后再开启设置不生效的问题</p>
606 |                 </div>
607 |             </section>
608 | 
609 |             <hr />
610 | 
611 |             <section>
612 |                 <h1>
613 |                     <strong>1.2.4</strong>
614 |                 </h1>
615 |                 <div class="text_container">
616 |                     <p>-> | 优化代码</p>
617 |                     <p>-> | 添加歌词开关选项</p>
618 |                     <p>-> | 修复关闭程序后本地http服务线程不会立刻结束的问题</p>
619 |                 </div>
620 |             </section>
621 | 
622 |             <hr />
623 | 
624 |             <section>
625 |                 <h1>
626 |                     <strong>1.2.3</strong>
627 |                 </h1>
628 |                 <div class="text_container">
629 |                     <p>-> | 重构代码，软件端，优化代码</p>
630 |                     <p>-> | 微调歌词的字体渲染与边距</p>
631 |                     <p>-> | 更新插件预览图</p>
632 |                     <p>-> | 修复修改位置某些情况下失效的问题</p>
633 |                     <p>-> | 支持更多版本的任务栏</p>
634 |                 </div>
635 |             </section>
636 | 
637 |             <hr />
638 | 
639 |             <section>
640 |                 <h1>
641 |                     <strong>1.2.2</strong>
642 |                 </h1>
643 |                 <div class="text_container">
644 |                     <p>-> | 修复了会显示控制台的问题</p>
645 |                 </div>
646 |             </section>
647 | 
648 |             <hr />
649 | 
650 |             <section>
651 |                 <h1>
652 |                     <strong>1.2.1</strong>
653 |                 </h1>
654 |                 <div class="text_container">
655 |                     <p>-> | 修复了插件商店安装插件后无法启动的问题</p>
656 |                 </div>
657 |             </section>
658 | 
659 |             <hr />
660 | 
661 |             <section>
662 |                 <h1>
663 |                     <strong>1.2.0</strong>
664 |                 </h1>
665 |                 <div class="text_container">
666 |                     <p>-> | 重构代码，优化代码，将软件端单文件拆分代码为多文件</p>
667 |                     <p>-> | 添加启动，连接，关闭的提示</p>
668 |                     <p>-> | 兼容Windows 11 21H2版本任务栏</p>
669 |                     <p>-> | 修复页面刷新后不会关闭程序</p>
670 |                     <p>-> | 修复歌词过长导致换行的问题</p>
671 |                 </div>
672 |             </section>
673 | 
674 |             <hr />
675 | 
676 |             <section>
677 |                 <h1>
678 |                     <strong>1.1.0</strong>
679 |                 </h1>
680 |                 <div class="text_container">
681 |                     <p>-> | 重构项目结构</p>
682 |                 </div>
683 |             </section>
684 | 
685 |             <hr />
686 | 
687 |             <section>
688 |                 <h1>
689 |                     <strong>1.0.4</strong>
690 |                 </h1>
691 |                 <div class="text_container">
692 |                     <p>-> | 优化代码</p>
693 |                     <p>-> | 添加配置界面</p>
694 |                     <p>-> | 自适应任务栏剩余宽度</p>
695 |                     <p>-> | 添加切换屏幕选项</p>
696 |                     <p>-> | 添加更换字体选项</p>
697 |                     <p>-> | 添加字体颜色选项</p>
698 |                 </div>
699 |             </section>
700 | 
701 |             <hr />
702 | 
703 |             <section>
704 |                 <h1>
705 |                     <strong>1.0.3</strong>
706 |                 </h1>
707 |                 <div class="text_container">
708 |                     <p>-> | 修复歌词带问号导致不显示</p>
709 |                     <p>-> | 添加互斥锁，修复重复启动软件导致重叠多个窗口</p>
710 |                     <p>-> | 监听网易云进程关闭</p>
711 |                     <p>-> | 移除心跳检测机制</p>
712 |                     <p>-> | 移除Worker</p>
713 |                     <p>-> | 移除Hijack</p>
714 |                 </div>
715 |             </section>
716 | 
717 |             <hr />
718 | 
719 |             <section>
720 |                 <h1>
721 |                     <strong>1.0.2</strong>
722 |                 </h1>
723 |                 <div class="text_container">
724 |                     <p>-> | 自适应windows深浅色模式</p>
725 |                     <p>-> | 单行歌词放大居中占满双行</p>
726 |                     <p>-> | 修复歌词上右键卡住的问题</p>
727 |                 </div>
728 |             </section>
729 | 
730 |             <hr />
731 | 
732 |             <section>
733 |                 <h1>
734 |                     <strong>1.0.1</strong>
735 |                 </h1>
736 |                 <div class="text_container">
737 |                     <p>-> | 修复软件路径问题</p>
738 |                 </div>
739 |             </section>
740 | 
741 |             <hr />
742 | 
743 |             <section>
744 |                 <h1>
745 |                     <strong>1.0.0</strong>
746 |                 </h1>
747 |                 <div class="text_container">
748 |                     <p>-> | 添加任务栏歌词插件</p>
749 |                 </div>
750 |             </section>
751 |         </div>
752 |     </main>
753 | </div>


--------------------------------------------------------------------------------
/src/betterncm-plugin/func.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | 
  4 | plugin.onLoad(async () => {
  5 |     const {
  6 |         TaskbarLyricsPort,
  7 |         TaskbarLyricsAPI,
  8 |         WindowsEnum,
  9 |         defaultConfig,
 10 |         pluginConfig
 11 |     } = { ...this.base };
 12 |     const { startGetLyric, stopGetLyric } = { ...this.lyric };
 13 | 
 14 | 
 15 |     // 启动任务栏歌词软件
 16 |     const TaskbarLyricsStart = async () => {
 17 |         // 这BetterNCM获取的路径是不标准的会出问题，要替换掉下面那俩字符
 18 |         const dataPath = (await betterncm.app.getDataPath()).replace("/", "\\");
 19 |         const pluginPath = this.pluginPath.replace("/./", "\\").replace("/", "\\");
 20 |         const taskkill = `taskkill /F /IM "taskbar-lyrics.exe"`;
 21 |         const xcopy = `xcopy /C /D /Y "${pluginPath}\\taskbar-lyrics.exe" "${dataPath}"`;
 22 |         const exec = `"${dataPath}\\taskbar-lyrics.exe" ${TaskbarLyricsPort}`;
 23 |         const cmd = `${taskkill} & ${xcopy} && ${exec}`;
 24 |         await betterncm.app.exec(`cmd /S /C ${cmd}`, false, false);
 25 |         TaskbarLyricsAPI.font.font(pluginConfig.get("font"));
 26 |         TaskbarLyricsAPI.font.color(pluginConfig.get("color"));
 27 |         TaskbarLyricsAPI.font.style(pluginConfig.get("style"));
 28 |         TaskbarLyricsAPI.window.position(pluginConfig.get("position"));
 29 |         TaskbarLyricsAPI.window.margin(pluginConfig.get("margin"));
 30 |         TaskbarLyricsAPI.lyrics.align(pluginConfig.get("align"));
 31 |         TaskbarLyricsAPI.window.screen(pluginConfig.get("screen"));
 32 |         startGetLyric();
 33 |     };
 34 | 
 35 | 
 36 |     // 关闭任务栏歌词软件
 37 |     const TaskbarLyricsClose = async () => {
 38 |         TaskbarLyricsAPI.close({});
 39 |         stopGetLyric();
 40 |     };
 41 | 
 42 | 
 43 |     addEventListener("beforeunload", TaskbarLyricsClose);
 44 |     TaskbarLyricsStart();
 45 | 
 46 | 
 47 |     // 更换字体
 48 |     const font = {
 49 |         apply: elements => {
 50 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("font")));
 51 |             config["font_family"] = elements.fontFamily.value;
 52 |             pluginConfig.set("font", config);
 53 |             TaskbarLyricsAPI.font.font(config);
 54 |         },
 55 |         reset: elements => {
 56 |             pluginConfig.set("font", undefined);
 57 |             TaskbarLyricsAPI.font.font(defaultConfig["font"]);
 58 |             elements.fontFamily.value = defaultConfig["font"]["font_family"];
 59 |         }
 60 |     }
 61 | 
 62 | 
 63 |     // 字体颜色
 64 |     const color = {
 65 |         apply: elements => {
 66 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("color")));
 67 |             config["basic"]["light"]["hex_color"] = parseInt(elements.basicLightColor.value.slice(1), 16);
 68 |             config["basic"]["light"]["opacity"] = Number(elements.basicLightOpacity.value);
 69 |             config["basic"]["dark"]["hex_color"] = parseInt(elements.basicDarkColor.value.slice(1), 16);
 70 |             config["basic"]["dark"]["opacity"] = Number(elements.basicDarkOpacity.value);
 71 |             config["extra"]["light"]["hex_color"] = parseInt(elements.extraLightColor.value.slice(1), 16);
 72 |             config["extra"]["light"]["opacity"] = Number(elements.extraLightOpacity.value);
 73 |             config["extra"]["dark"]["hex_color"] = parseInt(elements.extraDarkColor.value.slice(1), 16);
 74 |             config["extra"]["dark"]["opacity"] = Number(elements.extraDarkOpacity.value);
 75 |             pluginConfig.set("color", config);
 76 |             TaskbarLyricsAPI.font.color(config);
 77 |         },
 78 |         reset: elements => {
 79 |             elements.basicLightColor.value = `#${defaultConfig["color"]["basic"]["light"]["hex_color"].toString(16).padStart(6, "0")}`;
 80 |             elements.basicLightOpacity.value = defaultConfig["color"]["basic"]["light"]["opacity"];
 81 |             elements.basicDarkColor.value = `#${defaultConfig["color"]["basic"]["dark"]["hex_color"].toString(16).padStart(6, "0")}`;
 82 |             elements.basicDarkOpacity.value = defaultConfig["color"]["basic"]["dark"]["opacity"];
 83 |             elements.extraLightColor.value = `#${defaultConfig["color"]["extra"]["light"]["hex_color"].toString(16).padStart(6, "0")}`;
 84 |             elements.extraLightOpacity.value = defaultConfig["color"]["extra"]["light"]["opacity"];
 85 |             elements.extraDarkColor.value = `#${defaultConfig["color"]["extra"]["dark"]["hex_color"].toString(16).padStart(6, "0")}`;
 86 |             elements.extraDarkOpacity.value = defaultConfig["color"]["extra"]["dark"]["opacity"];
 87 |             pluginConfig.set("color", undefined);
 88 |             TaskbarLyricsAPI.font.color(defaultConfig["color"]);
 89 |         }
 90 |     }
 91 | 
 92 | 
 93 |     // 字体样式
 94 |     const style = {
 95 |         setWeight: (name, value, textContent) => {
 96 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
 97 |             config[name].weight.value = Number(value);
 98 |             config[name].weight.textContent = textContent;
 99 |             pluginConfig.set("style", config);
100 |             TaskbarLyricsAPI.font.style(config);
101 |         },
102 |         setSlopeNormal: event => {
103 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
104 |             config[event.target.dataset.type].slope = WindowsEnum.DWRITE_FONT_STYLE.DWRITE_FONT_STYLE_NORMAL;
105 |             pluginConfig.set("style", config);
106 |             TaskbarLyricsAPI.font.style(config);
107 |         },
108 |         setSlopeOblique: event => {
109 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
110 |             config[event.target.dataset.type].slope = WindowsEnum.DWRITE_FONT_STYLE.DWRITE_FONT_STYLE_OBLIQUE;
111 |             pluginConfig.set("style", config);
112 |             TaskbarLyricsAPI.font.style(config);
113 |         },
114 |         setSlopeItalic: event => {
115 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
116 |             config[event.target.dataset.type].slope = WindowsEnum.DWRITE_FONT_STYLE.DWRITE_FONT_STYLE_ITALIC;
117 |             pluginConfig.set("style", config);
118 |             TaskbarLyricsAPI.font.style(config);
119 |         },
120 |         setUnderline: event => {
121 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
122 |             config[event.target.dataset.type].underline = event.target.checked;
123 |             pluginConfig.set("style", config);
124 |             TaskbarLyricsAPI.font.style(config);
125 |         },
126 |         setStrikethrough: event => {
127 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("style")));
128 |             config[event.target.dataset.type].strikethrough = event.target.checked;
129 |             pluginConfig.set("style", config);
130 |             TaskbarLyricsAPI.font.style(config);
131 |         },
132 |         reset: elements => {
133 |             pluginConfig.set("style", undefined);
134 |             TaskbarLyricsAPI.font.style(defaultConfig["style"]);
135 |             elements.basicWeightValue.textContent = defaultConfig["style"]["basic"]["weight"]["textContent"];
136 |             elements.basicUnderline.checked = defaultConfig["style"]["basic"]["underline"];
137 |             elements.basicStrikethrough.checked = defaultConfig["style"]["basic"]["strikethrough"];
138 |             elements.extraWeightValue.textContent = defaultConfig["style"]["extra"]["weight"]["textContent"];
139 |             elements.extraUnderline.checked = defaultConfig["style"]["extra"]["underline"];
140 |             elements.extraStrikethrough.checked = defaultConfig["style"]["extra"]["strikethrough"];
141 |         }
142 |     }
143 | 
144 | 
145 |     // 歌词设置
146 |     const lyrics = {
147 |         lyricsSwitch: event => event.target.checked ? TaskbarLyricsStart() : TaskbarLyricsClose(),
148 |         setRetrievalMethod: (value, textContent) => {
149 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("lyrics")));
150 |             config["retrieval_method"]["value"] = Number(value);
151 |             config["retrieval_method"]["textContent"] = textContent;
152 |             stopGetLyric();
153 |             pluginConfig.set("lyrics", config);
154 |             startGetLyric();
155 |         },
156 |         reset: elements => {
157 |             elements.retrievalMethodValue.textContent = defaultConfig["lyrics"]["retrieval_method"]["textContent"];
158 |             stopGetLyric();
159 |             pluginConfig.set("lyrics", undefined);
160 |             startGetLyric();
161 |         }
162 |     }
163 | 
164 | 
165 |     // 显示效果
166 |     const effect = {
167 |         setNextLineLyricsPosition: (value, textContent) => {
168 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("effect")));
169 |             config["next_line_lyrics_position"]["value"] = Number(value);
170 |             config["next_line_lyrics_position"]["textContent"] = textContent;
171 |             pluginConfig.set("effect", config);
172 |         },
173 |         setExtraShow: (value, textContent) => {
174 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("effect")));
175 |             config["extra_show"]["value"] = Number(value);
176 |             config["extra_show"]["textContent"] = textContent;
177 |             pluginConfig.set("effect", config);
178 |         },
179 |         apply: elements => {
180 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("effect")));
181 |             config["adjust"] = Number(elements.adjust.value);
182 |             pluginConfig.set("effect", config);
183 |         },
184 |         reset: elements => {
185 |             elements.nextLineLyricsPositionValue.textContent = defaultConfig["effect"]["next_line_lyrics_position"]["textContent"];
186 |             elements.extraShowValue.textContent = defaultConfig["effect"]["extra_show"]["textContent"];
187 |             elements.adjust.value = defaultConfig["effect"]["adjust"];
188 |             pluginConfig.set("effect", undefined);
189 |         }
190 |     }
191 | 
192 | 
193 |     // 对齐方式
194 |     const align = {
195 |         setLeft: event => {
196 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("align")));
197 |             config[event.target.dataset.type] = WindowsEnum.DWRITE_TEXT_ALIGNMENT.DWRITE_TEXT_ALIGNMENT_LEADING;
198 |             pluginConfig.set("align", config);
199 |             TaskbarLyricsAPI.lyrics.align(config);
200 |         },
201 |         setCenter: event => {
202 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("align")));
203 |             config[event.target.dataset.type] = WindowsEnum.DWRITE_TEXT_ALIGNMENT.DWRITE_TEXT_ALIGNMENT_CENTER;
204 |             pluginConfig.set("align", config);
205 |             TaskbarLyricsAPI.lyrics.align(config);
206 |         },
207 |         setRight: event => {
208 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("align")));
209 |             config[event.target.dataset.type] = WindowsEnum.DWRITE_TEXT_ALIGNMENT.DWRITE_TEXT_ALIGNMENT_TRAILING;
210 |             pluginConfig.set("align", config);
211 |             TaskbarLyricsAPI.lyrics.align(config);
212 |         },
213 |         reset: () => {
214 |             pluginConfig.set("align", undefined);
215 |             TaskbarLyricsAPI.lyrics.align(defaultConfig["align"]);
216 |         }
217 |     }
218 | 
219 | 
220 |     // 修改位置
221 |     const position = {
222 |         setWindowPosition: (value, textContent) => {
223 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("position")));
224 |             config["position"]["value"] = Number(value);
225 |             config["position"]["textContent"] = textContent;
226 |             pluginConfig.set("position", config);
227 |             TaskbarLyricsAPI.window.position(config);
228 |         },
229 |         reset: elements => {
230 |             elements.windowPositionValue.textContent = defaultConfig["position"]["position"]["textContent"];
231 |             pluginConfig.set("position", undefined);
232 |             TaskbarLyricsAPI.window.position(defaultConfig["position"]);
233 |         }
234 |     }
235 | 
236 | 
237 |     // 修改边距
238 |     const margin = {
239 |         apply: elements => {
240 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("margin")));
241 |             config["left"] = Number(elements.left.value);
242 |             config["right"] = Number(elements.right.value);
243 |             pluginConfig.set("margin", config);
244 |             TaskbarLyricsAPI.window.margin(config);
245 |         },
246 |         reset: elements => {
247 |             pluginConfig.set("margin", undefined);
248 |             TaskbarLyricsAPI.window.margin(defaultConfig["margin"]);
249 |             elements.left.value = defaultConfig["margin"]["left"];
250 |             elements.right.value = defaultConfig["margin"]["right"];
251 |         }
252 |     }
253 | 
254 | 
255 |     // 切换屏幕
256 |     const screen = {
257 |         setParentTaskbar: (value, textContent) => {
258 |             const config = JSON.parse(JSON.stringify(pluginConfig.get("screen")));
259 |             config["parent_taskbar"]["value"] = value;
260 |             config["parent_taskbar"]["textContent"] = textContent;
261 |             pluginConfig.set("screen", config);
262 |             TaskbarLyricsAPI.window.screen(config);
263 |         },
264 |         reset: elements => {
265 |             elements.parentTaskbarValue.textContent = defaultConfig["screen"]["parent_taskbar"]["textContent"];
266 |             pluginConfig.set("screen", undefined);
267 |             TaskbarLyricsAPI.window.screen(defaultConfig["screen"]);
268 |         }
269 |     }
270 | 
271 | 
272 |     this.func = {
273 |         font,
274 |         color,
275 |         style,
276 |         lyrics,
277 |         effect,
278 |         align,
279 |         position,
280 |         margin,
281 |         screen
282 |     };
283 | });
284 | 


--------------------------------------------------------------------------------
/src/betterncm-plugin/lyric.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | 
  4 | plugin.onLoad(async () => {
  5 |     const { TaskbarLyricsAPI, pluginConfig } = { ...this.base };
  6 |     const liblyric = loadedPlugins.liblyric;
  7 | 
  8 | 
  9 |     let observer = null;
 10 |     let parsedLyric = null;
 11 |     let currentIndex = 0;
 12 |     let musicId = 0;
 13 |     let currentLine = 0;
 14 | 
 15 | 
 16 |     // 监视软件内歌词变动
 17 |     const watchLyricsChange = async () => {
 18 |         const mLyric = await betterncm.utils.waitForElement("#x-g-mn .m-lyric");
 19 |         const MutationCallback = mutations => {
 20 |             for (const mutation of mutations) {
 21 |                 let lyrics = {
 22 |                     basic: "",
 23 |                     extra: ""
 24 |                 };
 25 | 
 26 |                 if (mutation.addedNodes[2]) {
 27 |                     lyrics.basic = mutation.addedNodes[0].firstChild.textContent;
 28 |                     lyrics.extra = mutation.addedNodes[2].firstChild ? mutation.addedNodes[2].firstChild.textContent : "";
 29 |                 } else {
 30 |                     lyrics.basic = mutation.addedNodes[0].textContent;
 31 |                 }
 32 | 
 33 |                 TaskbarLyricsAPI.lyrics.lyrics(lyrics);
 34 |             }
 35 |         }
 36 | 
 37 |         observer = new MutationObserver(MutationCallback);
 38 |         observer.observe(mLyric, { childList: true, subtree: true });
 39 |     }
 40 | 
 41 | 
 42 |     // 音乐ID发生变化时
 43 |     const play_load = async () => {
 44 |         // 获取歌曲信息
 45 |         const playingSong = betterncm.ncm.getPlayingSong();
 46 |         musicId = playingSong.data.id ?? 0;
 47 |         const name = playingSong.data.name ?? "";
 48 |         const artists = playingSong.data.artists ?? "";
 49 | 
 50 |         // 解析歌手名称
 51 |         let artistName = "";
 52 |         artists.forEach(item => artistName += ` / ${item.name}`);
 53 |         artistName = artistName.slice(3);
 54 | 
 55 |         // 发送歌曲信息
 56 |         TaskbarLyricsAPI.lyrics.lyrics({
 57 |             "basic": name,
 58 |             "extra": artistName
 59 |         });
 60 | 
 61 | 
 62 |         // 解析歌词
 63 |         const config = pluginConfig.get("lyrics");
 64 |         if ((config["retrieval_method"]["value"] == "2") && window.currentLyrics) {
 65 |             // 解决RNP歌词对不上的问题
 66 |             while (true) {
 67 |                 if (window.currentLyrics.hash.includes(musicId)) {
 68 |                     parsedLyric = window.currentLyrics.lyrics;
 69 |                     break;
 70 |                 } else {
 71 |                     await betterncm.utils.delay(100);
 72 |                 }
 73 |             }
 74 |         } else {
 75 |             const lyricData = await liblyric.getLyricData(musicId);
 76 |             parsedLyric = liblyric.parseLyric(
 77 |                 lyricData?.lrc?.lyric ?? "",
 78 |                 lyricData?.tlyric?.lyric ?? "",
 79 |                 lyricData?.romalrc?.lyric ?? ""
 80 |             );
 81 |         }
 82 | 
 83 | 
 84 |         // 清除歌词空白行
 85 |         parsedLyric = parsedLyric.filter(item => item.originalLyric != "");
 86 | 
 87 | 
 88 |         // 纯音乐只显示歌曲名与作曲家
 89 |         if (
 90 |             (parsedLyric.length == 1)
 91 |             && (parsedLyric[0].time == 0)
 92 |             && (parsedLyric[0].duration != 0)
 93 |         ) {
 94 |             parsedLyric = [];
 95 |         }
 96 | 
 97 |         currentIndex = 0;
 98 |     }
 99 | 
100 | 
101 |     // 音乐进度发生变化时
102 |     const play_progress = async (_, time) => {
103 |         const adjust = Number(pluginConfig.get("effect")["adjust"]);
104 |         if (parsedLyric) {
105 |             let nextIndex = parsedLyric.findIndex(item => item.time > (time + adjust) * 1000);
106 |             nextIndex = (nextIndex <= -1) ? parsedLyric.length : nextIndex;
107 | 
108 |             if (nextIndex != currentIndex) {
109 |                 const currentLyric = parsedLyric[nextIndex - 1] ?? "";
110 |                 const nextLyric = parsedLyric[nextIndex] ?? "";
111 | 
112 |                 const lyrics = {
113 |                     "basic": currentLyric?.originalLyric ?? "",
114 |                     "extra": currentLyric?.translatedLyric ?? nextLyric?.originalLyric ?? ""
115 |                 };
116 | 
117 |                 const extra_show_value = pluginConfig.get("effect")["extra_show"]["value"];
118 |                 switch (extra_show_value) {
119 |                     case 0: {
120 |                         lyrics.extra = "";
121 |                     } break;
122 | 
123 |                     case 1: {
124 |                         const next_line_lyrics_position_value = pluginConfig.get("effect")["next_line_lyrics_position"]["value"];
125 |                         switch (next_line_lyrics_position_value) {
126 |                             case 0: {
127 |                                 lyrics.extra = nextLyric?.originalLyric ?? "";
128 |                             } break;
129 | 
130 |                             case 1: {
131 |                                 lyrics.basic = nextLyric?.originalLyric ?? "";
132 |                                 lyrics.extra = currentLyric?.originalLyric ?? "";
133 |                             } break;
134 | 
135 |                             case 2: {
136 |                                 if (currentLine == 0) {
137 |                                     lyrics.basic = currentLyric?.originalLyric ?? "";
138 |                                     lyrics.extra = nextLyric?.originalLyric ?? "";
139 |                                     currentLine = 1;
140 |                                 } else {
141 |                                     lyrics.basic = nextLyric?.originalLyric ?? "";
142 |                                     lyrics.extra = currentLyric?.originalLyric ?? "";
143 |                                     currentLine = 0;
144 |                                 }
145 |                             } break;
146 |                         }
147 |                     } break;
148 | 
149 |                     case 2: {
150 |                         lyrics.extra = currentLyric?.translatedLyric
151 |                             ?? nextLyric?.originalLyric
152 |                             ?? "";
153 |                     } break;
154 | 
155 |                     case 3: {
156 |                         lyrics.extra = currentLyric?.romanLyric
157 |                             ?? currentLyric?.translatedLyric
158 |                             ?? nextLyric?.originalLyric
159 |                             ?? "";
160 |                     } break;
161 |                 }
162 | 
163 |                 TaskbarLyricsAPI.lyrics.lyrics(lyrics);
164 |                 currentIndex = nextIndex;
165 |             }
166 |         }
167 |     }
168 | 
169 | 
170 | 
171 |     // 开始获取歌词
172 |     function startGetLyric() {
173 |         const config = pluginConfig.get("lyrics");
174 |         switch (config["retrieval_method"]["value"]) {
175 |             // 软件内词栏
176 |             case 0: {
177 |                 watchLyricsChange();
178 |             } break;
179 | 
180 |             // LibLyric
181 |             case 1: {
182 |                 legacyNativeCmder.appendRegisterCall("Load", "audioplayer", play_load);
183 |                 legacyNativeCmder.appendRegisterCall("PlayProgress", "audioplayer", play_progress);
184 |                 const playingSong = betterncm.ncm.getPlayingSong();
185 |                 if (playingSong && playingSong.data.id != musicId) {
186 |                     play_load();
187 |                 }
188 |             } break;
189 | 
190 |             // RefinedNowPlaying
191 |             case 2: {
192 |                 legacyNativeCmder.appendRegisterCall("Load", "audioplayer", play_load);
193 |                 legacyNativeCmder.appendRegisterCall("PlayProgress", "audioplayer", play_progress);
194 |             } break;
195 |         }
196 |     }
197 | 
198 | 
199 |     // 停止获取歌词
200 |     function stopGetLyric() {
201 |         const config = pluginConfig.get("lyrics");
202 |         switch (config["retrieval_method"]["value"]) {
203 |             // 软件内词栏
204 |             case 0: {
205 |                 if (observer) {
206 |                     observer.disconnect();
207 |                     observer = null;
208 |                 }
209 |             } break;
210 | 
211 |             // LibLyric
212 |             case 1: {
213 |                 legacyNativeCmder.removeRegisterCall("Load", "audioplayer", play_load);
214 |                 legacyNativeCmder.removeRegisterCall("PlayProgress", "audioplayer", play_progress);
215 |             } break;
216 | 
217 |             // RefinedNowPlaying
218 |             case 2: {
219 |                 legacyNativeCmder.removeRegisterCall("Load", "audioplayer", play_load);
220 |                 legacyNativeCmder.removeRegisterCall("PlayProgress", "audioplayer", play_progress);
221 |             } break;
222 |         }
223 |     }
224 | 
225 | 
226 |     this.lyric = {
227 |         startGetLyric,
228 |         stopGetLyric
229 |     }
230 | });
231 | 


--------------------------------------------------------------------------------
/src/betterncm-plugin/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "manifest_version": 1,
 3 |     "name": "任务栏歌词",
 4 |     "slug": "Taskbar-Lyrics",
 5 |     "description": "在任务栏上嵌入歌词，目前仅建议Windows 11，且任务栏未被第三方软件修改",
 6 |     "preview": "preview.png",
 7 |     "version": "1.6.3",
 8 |     "author": "沫烬染",
 9 |     "author_links": [
10 |         "https://github.com/mo-jinran"
11 |     ],
12 |     "type": "extension",
13 |     "loadAfter": [
14 |         "liblyric",
15 |         "RefinedNowPlaying"
16 |     ],
17 |     "requirements": [
18 |         "liblyric"
19 |     ],
20 |     "injects": {
21 |         "Main": [
22 |             {
23 |                 "file": "base.js"
24 |             },
25 |             {
26 |                 "file": "lyric.js"
27 |             },
28 |             {
29 |                 "file": "func.js"
30 |             },
31 |             {
32 |                 "file": "view.js"
33 |             }
34 |         ]
35 |     }
36 | }


--------------------------------------------------------------------------------
/src/betterncm-plugin/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mo-jinran/Taskbar-Lyrics/66c45a9a5138c0e6963d0d04027746d6e99276c5/src/betterncm-plugin/preview.png


--------------------------------------------------------------------------------
/src/betterncm-plugin/style.css:
--------------------------------------------------------------------------------
  1 | /* 根标签 */
  2 | #taskbar-lyrics-dom {
  3 |     width: 100%;
  4 |     height: 100%;
  5 |     overflow: hidden;
  6 |     display: flex;
  7 |     flex-direction: column;
  8 |     gap: 16px;
  9 | }
 10 | 
 11 | 
 12 | 
 13 | /* 上边的tab区域 */
 14 | #taskbar-lyrics-dom .tab_box {
 15 |     width: 100%;
 16 |     height: 40px;
 17 |     display: flex;
 18 | }
 19 | 
 20 | /* tab选项卡按钮 */
 21 | #taskbar-lyrics-dom .tab_button {
 22 |     width: 60px;
 23 |     height: 100%;
 24 |     border: none;
 25 |     outline: none;
 26 |     background: none;
 27 |     margin: 0;
 28 |     font-size: 1rem;
 29 | }
 30 | 
 31 | /* tab选项卡按钮 激活效果 */
 32 | #taskbar-lyrics-dom .tab_button.active {
 33 |     position: relative;
 34 |     font-weight: bold;
 35 | }
 36 | 
 37 | /* tab选项卡按钮 激活后底部黑白条 */
 38 | #taskbar-lyrics-dom .tab_button.active::after {
 39 |     content: "";
 40 |     height: 5px;
 41 |     border-radius: 5px;
 42 |     background-color: rgba(255, 255, 255, 0.5);
 43 |     position: absolute;
 44 |     left: 10px;
 45 |     right: 10px;
 46 |     bottom: 0px;
 47 |     backdrop-filter: blur(4px);
 48 | }
 49 | 
 50 | body.s-theme-white #taskbar-lyrics-dom .tab_button.active::after {
 51 |     background-color: rgba(0, 0, 0, 0.5);
 52 | }
 53 | 
 54 | 
 55 | 
 56 | /* 下边的内容区域 */
 57 | #taskbar-lyrics-dom .content_box {
 58 |     overflow: auto;
 59 |     flex: 1;
 60 | }
 61 | 
 62 | /* 所有内容隐藏 */
 63 | #taskbar-lyrics-dom .content {
 64 |     display: none;
 65 | }
 66 | 
 67 | /* 指定内容显示 */
 68 | #taskbar-lyrics-dom .content.show {
 69 |     display: block;
 70 | }
 71 | 
 72 | 
 73 | 
 74 | #taskbar-lyrics-dom .content h1 {
 75 |     height: 30px;
 76 |     display: flex;
 77 |     align-items: center;
 78 |     margin: 10px 0;
 79 |     gap: 10px;
 80 | }
 81 | 
 82 | #taskbar-lyrics-dom .content h1 strong {
 83 |     font-size: 1.25rem;
 84 |     font-weight: bold;
 85 | }
 86 | 
 87 | #taskbar-lyrics-dom .content hr {
 88 |     margin: 20px 0;
 89 |     border: none;
 90 |     height: 1px;
 91 |     background-color: rgba(255, 255, 255, 0.2);
 92 | }
 93 | 
 94 | body.s-theme-white #taskbar-lyrics-dom .content hr {
 95 |     background-color: rgba(0, 0, 0, 0.2);
 96 | }
 97 | 
 98 | #taskbar-lyrics-dom .content section>div {
 99 |     display: flex;
100 |     min-height: 30px;
101 |     margin: 5px 0;
102 |     gap: 10px;
103 | }
104 | 
105 | #taskbar-lyrics-dom .content .item_container {
106 |     flex-direction: row;
107 |     align-items: center;
108 | }
109 | 
110 | #taskbar-lyrics-dom .content .text_container {
111 |     flex-direction: column;
112 |     align-items: start;
113 | }
114 | 
115 | #taskbar-lyrics-dom .content p {
116 |     font-size: 14px;
117 | }
118 | 
119 | #taskbar-lyrics-dom .content a {
120 |     font-weight: bold;
121 | }
122 | 
123 | 
124 | 
125 | #taskbar-lyrics-dom .content input.color-input {
126 |     width: 150px;
127 |     padding: unset;
128 | }
129 | 
130 | #taskbar-lyrics-dom .content input.number-input {
131 |     width: 150px;
132 | }
133 | 
134 | #taskbar-lyrics-dom .content input.switch-btn {
135 |     width: 44px;
136 |     height: 22px;
137 |     appearance: none;
138 |     border-radius: 20px;
139 |     border: 1px solid rgba(255, 255, 255, 0.15);
140 |     position: relative;
141 | }
142 | 
143 | #taskbar-lyrics-dom .content input.switch-btn::before {
144 |     content: "关";
145 |     text-align: center;
146 |     line-height: 18px;
147 |     font-size: 12px;
148 |     position: absolute;
149 |     top: 1px;
150 |     left: 1px;
151 |     height: 18px;
152 |     width: 18px;
153 |     background-color: rgba(255, 255, 255, 0.3);
154 |     border-radius: 50%;
155 |     transition: all 0.1s ease-out;
156 | }
157 | 
158 | #taskbar-lyrics-dom .content input.switch-btn:checked {
159 |     background-color: rgba(255, 255, 255, 0.1);
160 | }
161 | 
162 | #taskbar-lyrics-dom .content input.switch-btn:checked::before {
163 |     content: "开";
164 |     text-align: center;
165 |     line-height: 18px;
166 |     font-size: 12px;
167 |     left: calc(100% - 19px);
168 | }
169 | 
170 | body.s-theme-white #taskbar-lyrics-dom .content input.switch-btn {
171 |     border: 1px solid rgba(0, 0, 0, 0.15);
172 | }
173 | 
174 | body.s-theme-white #taskbar-lyrics-dom .content input.switch-btn::before {
175 |     background-color: rgba(0, 0, 0, 0.3);
176 | }
177 | 
178 | body.s-theme-white #taskbar-lyrics-dom .content input.switch-btn:checked {
179 |     background-color: rgba(0, 0, 0, 0.1);
180 | }
181 | 
182 | 
183 | 
184 | #taskbar-lyrics-dom .u-select {
185 |     display: inline-block;
186 |     width: 200px;
187 | }
188 | 
189 | #taskbar-lyrics-dom input.u-txt {
190 |     border-radius: 4px;
191 | }


--------------------------------------------------------------------------------
/src/betterncm-plugin/view.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | 
  4 | // 创建根视图
  5 | const configView = document.createElement("div");
  6 | configView.style.overflow = "hidden";
  7 | configView.style.height = "100%";
  8 | configView.style.width = "100%";
  9 | 
 10 | 
 11 | plugin.onConfig(tools => configView);
 12 | 
 13 | 
 14 | plugin.onLoad(async () => {
 15 |     const pluginConfig = this.base.pluginConfig;
 16 |     const {
 17 |         font,
 18 |         color,
 19 |         style,
 20 |         lyrics,
 21 |         effect,
 22 |         align,
 23 |         position,
 24 |         margin,
 25 |         screen,
 26 |     } = { ...this.func };
 27 | 
 28 | 
 29 |     // 加载结构
 30 |     {
 31 |         const path = `${this.pluginPath}/config.html`;
 32 |         const text = await betterncm.fs.readFileText(path);
 33 |         const parser = new DOMParser();
 34 |         const dom = parser.parseFromString(text, "text/html");
 35 |         const element = dom.querySelector("#taskbar-lyrics-dom");
 36 |         configView.appendChild(element);
 37 |     }
 38 | 
 39 | 
 40 |     // 加载样式
 41 |     {
 42 |         const path = `${this.pluginPath}/style.css`;
 43 |         const text = await betterncm.fs.readFileText(path);
 44 |         const element = document.createElement("style");
 45 |         element.textContent = text;
 46 |         configView.appendChild(element);
 47 |     }
 48 | 
 49 | 
 50 |     // 页面切换
 51 |     {
 52 |         const tab_box = configView.querySelector(".tab_box");
 53 |         const content_box = configView.querySelector(".content_box")
 54 | 
 55 |         const all_tab_button = tab_box.querySelectorAll(".tab_button");
 56 |         const all_content = content_box.querySelectorAll(".content");
 57 | 
 58 |         all_tab_button.forEach((tab, index) => {
 59 |             tab.addEventListener("click", () => {
 60 |                 // 激活标签
 61 |                 const active_tab = tab_box.querySelector(".active");
 62 |                 active_tab.classList.remove("active");
 63 |                 tab.classList.add("active");
 64 |                 // 显示内容
 65 |                 const show_content = content_box.querySelector(".show");
 66 |                 show_content.classList.remove("show");
 67 |                 all_content[index].classList.add("show");
 68 |             });
 69 |         });
 70 |     }
 71 | 
 72 | 
 73 |     // 通用的下拉选择框控制函数
 74 |     function selectController(event) {
 75 |         const open = event.target.parentElement.classList.contains("z-open");
 76 |         if (open) event.target.parentElement.classList.remove("z-open");
 77 |         else event.target.parentElement.classList.add("z-open");
 78 |     }
 79 | 
 80 | 
 81 |     // 点击其他地方收起下拉选择框
 82 |     addEventListener("pointerup", event => {
 83 |         if (!event.target.classList.contains("value")) {
 84 |             const open = configView.querySelectorAll(".u-select.z-open");
 85 |             open.forEach(value => value.classList.remove("z-open"));
 86 |         }
 87 |     });
 88 | 
 89 | 
 90 |     // 更换字体
 91 |     {
 92 |         const apply = configView.querySelector(".content.font .font-settings .apply");
 93 |         const reset = configView.querySelector(".content.font .font-settings .reset");
 94 | 
 95 |         const fontFamily = configView.querySelector(".content.font .font-settings .font-family");
 96 | 
 97 |         const elements = {
 98 |             fontFamily
 99 |         };
100 | 
101 |         apply.addEventListener("click", () => font.apply(elements));
102 |         reset.addEventListener("click", () => font.reset(elements));
103 | 
104 |         fontFamily.value = pluginConfig.get("font")["font_family"];
105 |     }
106 | 
107 | 
108 |     // 字体颜色
109 |     {
110 |         const apply = configView.querySelector(".content.font .color-settings .apply");
111 |         const reset = configView.querySelector(".content.font .color-settings .reset");
112 | 
113 |         const basicLightColor = configView.querySelector(".content.font .color-settings .basic-light-color");
114 |         const basicLightOpacity = configView.querySelector(".content.font .color-settings .basic-light-opacity");
115 |         const basicDarkColor = configView.querySelector(".content.font .color-settings .basic-dark-color");
116 |         const basicDarkOpacity = configView.querySelector(".content.font .color-settings .basic-dark-opacity");
117 |         const extraLightColor = configView.querySelector(".content.font .color-settings .extra-light-color");
118 |         const extraLightOpacity = configView.querySelector(".content.font .color-settings .extra-light-opacity");
119 |         const extraDarkColor = configView.querySelector(".content.font .color-settings .extra-dark-color");
120 |         const extraDarkOpacity = configView.querySelector(".content.font .color-settings .extra-dark-opacity");
121 | 
122 |         const elements = {
123 |             basicLightColor,
124 |             basicLightOpacity,
125 |             basicDarkColor,
126 |             basicDarkOpacity,
127 |             extraLightColor,
128 |             extraLightOpacity,
129 |             extraDarkColor,
130 |             extraDarkOpacity
131 |         }
132 | 
133 |         apply.addEventListener("click", () => color.apply(elements));
134 |         reset.addEventListener("click", () => color.reset(elements));
135 | 
136 |         basicLightColor.value = `#${pluginConfig.get("color")["basic"]["light"]["hex_color"].toString(16)}`;
137 |         basicLightOpacity.value = pluginConfig.get("color")["basic"]["light"]["opacity"];
138 |         basicDarkColor.value = `#${pluginConfig.get("color")["basic"]["dark"]["hex_color"].toString(16)}`;
139 |         basicDarkOpacity.value = pluginConfig.get("color")["basic"]["dark"]["opacity"];
140 |         extraLightColor.value = `#${pluginConfig.get("color")["extra"]["light"]["hex_color"].toString(16)}`;
141 |         extraLightOpacity.value = pluginConfig.get("color")["extra"]["light"]["opacity"];
142 |         extraDarkColor.value = `#${pluginConfig.get("color")["extra"]["dark"]["hex_color"].toString(16)}`;
143 |         extraDarkOpacity.value = pluginConfig.get("color")["extra"]["dark"]["opacity"];
144 |     }
145 | 
146 | 
147 |     // 字体样式
148 |     {
149 |         const reset = configView.querySelector(".content.font .style-settings .reset");
150 | 
151 |         const basicWeightValue = configView.querySelector(".content.font .style-settings .basic-weight .value");
152 |         const basicWeightSelect = configView.querySelector(".content.font .style-settings .basic-weight .select");
153 |         const basicNormal = configView.querySelector(".content.font .style-settings .basic-normal");
154 |         const basicOblique = configView.querySelector(".content.font .style-settings .basic-oblique");
155 |         const basicItalic = configView.querySelector(".content.font .style-settings .basic-italic");
156 |         const basicUnderline = configView.querySelector(".content.font .style-settings .basic-underline");
157 |         const basicStrikethrough = configView.querySelector(".content.font .style-settings .basic-strikethrough");
158 |         const extraWeightValue = configView.querySelector(".content.font .style-settings .extra-weight .value");
159 |         const extraWeightSelect = configView.querySelector(".content.font .style-settings .extra-weight .select");
160 |         const extraNormal = configView.querySelector(".content.font .style-settings .extra-normal");
161 |         const extraOblique = configView.querySelector(".content.font .style-settings .extra-oblique");
162 |         const extraItalic = configView.querySelector(".content.font .style-settings .extra-italic");
163 |         const extraUnderline = configView.querySelector(".content.font .style-settings .extra-underline");
164 |         const extraStrikethrough = configView.querySelector(".content.font .style-settings .extra-strikethrough");
165 | 
166 |         const elements = {
167 |             basicWeightValue,
168 |             basicUnderline,
169 |             basicStrikethrough,
170 |             extraWeightValue,
171 |             extraUnderline,
172 |             extraStrikethrough
173 |         }
174 | 
175 |         reset.addEventListener("click", () => style.reset(elements));
176 | 
177 |         basicNormal.addEventListener("click", event => style.setSlopeNormal(event));
178 |         basicOblique.addEventListener("click", event => style.setSlopeOblique(event));
179 |         basicItalic.addEventListener("click", event => style.setSlopeItalic(event));
180 |         basicUnderline.addEventListener("change", event => style.setUnderline(event));
181 |         basicStrikethrough.addEventListener("change", event => style.setStrikethrough(event));
182 |         extraNormal.addEventListener("click", event => style.setSlopeNormal(event));
183 |         extraOblique.addEventListener("click", event => style.setSlopeOblique(event));
184 |         extraItalic.addEventListener("click", event => style.setSlopeItalic(event));
185 |         extraUnderline.addEventListener("change", event => style.setUnderline(event));
186 |         extraStrikethrough.addEventListener("change", event => style.setStrikethrough(event));
187 | 
188 |         basicWeightValue.addEventListener("click", selectController);
189 |         basicWeightSelect.addEventListener("click", event => {
190 |             const name = event.target.parentElement.dataset.type;
191 |             const value = event.target.dataset.value;
192 |             const textContent = event.target.textContent;
193 |             style.setWeight(name, value, textContent);
194 |             basicWeightValue.textContent = textContent;
195 |         });
196 | 
197 |         extraWeightValue.addEventListener("click", selectController);
198 |         extraWeightSelect.addEventListener("click", event => {
199 |             const name = event.target.parentElement.dataset.type;
200 |             const value = event.target.dataset.value;
201 |             const textContent = event.target.textContent;
202 |             style.setWeight(name, value, textContent);
203 |             extraWeightValue.textContent = textContent;
204 |         });
205 | 
206 |         basicWeightValue.textContent = pluginConfig.get("style")["basic"]["weight"]["textContent"];
207 |         basicUnderline.checked = pluginConfig.get("style")["basic"]["underline"];
208 |         basicStrikethrough.checked = pluginConfig.get("style")["basic"]["strikethrough"];
209 |         extraWeightValue.textContent = pluginConfig.get("style")["extra"]["weight"]["textContent"];
210 |         extraUnderline.checked = pluginConfig.get("style")["extra"]["underline"];
211 |         extraStrikethrough.checked = pluginConfig.get("style")["extra"]["strikethrough"];
212 |     }
213 | 
214 | 
215 |     // 歌词设置
216 |     {
217 |         const reset = configView.querySelector(".content.lyrics .lyrics-settings .reset");
218 | 
219 |         const lyricsSwitch = configView.querySelector(".content.lyrics .lyrics-settings .lyrics-switch");
220 |         const retrievalMethodValue = configView.querySelector(".content.lyrics .lyrics-settings .retrieval-method .value");
221 |         const retrievalMethodSelect = configView.querySelector(".content.lyrics .lyrics-settings .retrieval-method .select");
222 | 
223 |         const elements = {
224 |             retrievalMethodValue
225 |         }
226 | 
227 |         reset.addEventListener("click", () => lyrics.reset(elements));
228 | 
229 |         lyricsSwitch.addEventListener("change", event => lyrics.lyricsSwitch(event));
230 | 
231 |         retrievalMethodValue.addEventListener("click", selectController);
232 |         retrievalMethodSelect.addEventListener("click", event => {
233 |             const value = event.target.dataset.value;
234 |             const textContent = event.target.textContent;
235 |             if ((value == "2") && (!window.currentLyrics)) {
236 |                 channel.call(
237 |                     "trayicon.popBalloon",
238 |                     () => { },
239 |                     [{
240 |                         title: "任务栏歌词",
241 |                         text: "无法使用RefinedNowPlaying歌词！\n是否安装RefinedNowPlaying插件？\n将回退到使用LibLyric解析获取歌词",
242 |                         icon: "path",
243 |                         hasSound: true,
244 |                         delayTime: 2e3
245 |                     }]
246 |                 );
247 |                 return;
248 |             }
249 |             lyrics.setRetrievalMethod(value, textContent);
250 |             retrievalMethodValue.textContent = textContent;
251 |         });
252 | 
253 |         retrievalMethodValue.textContent = pluginConfig.get("lyrics")["retrieval_method"]["textContent"];
254 |     }
255 | 
256 | 
257 |     // 显示效果
258 |     {
259 |         const apply = configView.querySelector(".content.lyrics .effect-settings .apply");
260 |         const reset = configView.querySelector(".content.lyrics .effect-settings .reset");
261 | 
262 |         const nextLineLyricsPositionValue = configView.querySelector(".content.lyrics .effect-settings .next-line-lyrics-position .value");
263 |         const nextLineLyricsPositionSelect = configView.querySelector(".content.lyrics .effect-settings .next-line-lyrics-position .select");
264 |         const extraShowValue = configView.querySelector(".content.lyrics .effect-settings .extra-show .value");
265 |         const extraShowSelect = configView.querySelector(".content.lyrics .effect-settings .extra-show .select");
266 |         const adjust = configView.querySelector(".content.lyrics .effect-settings .adjust");
267 | 
268 |         const elements = {
269 |             nextLineLyricsPositionValue,
270 |             extraShowValue,
271 |             adjust
272 |         }
273 | 
274 |         apply.addEventListener("click", () => effect.apply(elements));
275 |         reset.addEventListener("click", () => effect.reset(elements));
276 | 
277 |         nextLineLyricsPositionValue.addEventListener("click", selectController);
278 |         nextLineLyricsPositionSelect.addEventListener("click", event => {
279 |             const value = event.target.dataset.value;
280 |             const textContent = event.target.textContent;
281 |             effect.setNextLineLyricsPosition(value, textContent);
282 |             nextLineLyricsPositionValue.textContent = textContent;
283 |         });
284 | 
285 |         extraShowValue.addEventListener("click", selectController);
286 |         extraShowSelect.addEventListener("click", event => {
287 |             const value = event.target.dataset.value;
288 |             const textContent = event.target.textContent;
289 |             effect.setExtraShow(value, textContent);
290 |             extraShowValue.textContent = textContent;
291 |         });
292 | 
293 |         nextLineLyricsPositionValue.textContent = pluginConfig.get("effect")["next_line_lyrics_position"]["textContent"];
294 |         extraShowValue.textContent = pluginConfig.get("effect")["extra_show"]["textContent"];
295 |         adjust.value = pluginConfig.get("effect")["adjust"];
296 |     }
297 | 
298 | 
299 |     // 对齐方式
300 |     {
301 |         const reset = configView.querySelector(".content.lyrics .align-settings .reset");
302 | 
303 |         const basicLeft = configView.querySelector(".content.lyrics .align-settings .basic-left");
304 |         const basicCenter = configView.querySelector(".content.lyrics .align-settings .basic-center");
305 |         const basicRight = configView.querySelector(".content.lyrics .align-settings .basic-right");
306 |         const extraLeft = configView.querySelector(".content.lyrics .align-settings .extra-left");
307 |         const extraCenter = configView.querySelector(".content.lyrics .align-settings .extra-center");
308 |         const extraRight = configView.querySelector(".content.lyrics .align-settings .extra-right");
309 | 
310 |         reset.addEventListener("click", () => align.reset());
311 | 
312 |         basicLeft.addEventListener("click", event => align.setLeft(event));
313 |         basicCenter.addEventListener("click", event => align.setCenter(event));
314 |         basicRight.addEventListener("click", event => align.setRight(event));
315 |         extraLeft.addEventListener("click", event => align.setLeft(event));
316 |         extraCenter.addEventListener("click", event => align.setCenter(event));
317 |         extraRight.addEventListener("click", event => align.setRight(event));
318 |     }
319 | 
320 | 
321 |     // 修改位置
322 |     {
323 |         const reset = configView.querySelector(".content.window .position-settings .reset");
324 | 
325 |         const windowPositionValue = configView.querySelector(".content.window .position-settings .window-position .value");
326 |         const windowPositionSelect = configView.querySelector(".content.window .position-settings .window-position .select");
327 | 
328 |         const elements = {
329 |             windowPositionValue
330 |         }
331 | 
332 |         reset.addEventListener("click", () => position.reset(elements));
333 | 
334 |         windowPositionValue.addEventListener("click", selectController);
335 |         windowPositionSelect.addEventListener("click", event => {
336 |             const value = event.target.dataset.value;
337 |             const textContent = event.target.textContent;
338 |             position.setWindowPosition(value, textContent);
339 |             windowPositionValue.textContent = textContent;
340 |         });
341 | 
342 |         windowPositionValue.textContent = pluginConfig.get("position")["position"]["textContent"];
343 |     }
344 | 
345 | 
346 |     // 修改边距
347 |     {
348 |         const apply = configView.querySelector(".content.window .margin-settings .apply");
349 |         const reset = configView.querySelector(".content.window .margin-settings .reset");
350 | 
351 |         const left = configView.querySelector(".content.window .margin-settings .left");
352 |         const right = configView.querySelector(".content.window .margin-settings .right");
353 | 
354 |         const elements = {
355 |             left,
356 |             right
357 |         }
358 | 
359 |         apply.addEventListener("click", () => margin.apply(elements));
360 |         reset.addEventListener("click", () => margin.reset(elements));
361 | 
362 |         left.value = pluginConfig.get("margin")["left"];
363 |         right.value = pluginConfig.get("margin")["right"];
364 |     }
365 | 
366 | 
367 |     // 切换屏幕
368 |     {
369 |         const reset = configView.querySelector(".content.window .screen-settings .reset");
370 | 
371 |         const parentTaskbarValue = configView.querySelector(".content.window .screen-settings .parent-taskbar .value");
372 |         const parentTaskbarSelect = configView.querySelector(".content.window .screen-settings .parent-taskbar .select");
373 | 
374 |         const elements = {
375 |             parentTaskbarValue
376 |         }
377 | 
378 |         reset.addEventListener("click", () => screen.reset(elements));
379 | 
380 |         parentTaskbarValue.addEventListener("click", selectController);
381 |         parentTaskbarSelect.addEventListener("click", event => {
382 |             const value = event.target.dataset.value;
383 |             const textContent = event.target.textContent;
384 |             screen.setParentTaskbar(value, textContent);
385 |             parentTaskbarValue.textContent = textContent;
386 |         });
387 | 
388 |         parentTaskbarValue.textContent = pluginConfig.get("screen")["parent_taskbar"]["textContent"];
389 |     }
390 | });


--------------------------------------------------------------------------------
/src/taskbar-lyrics/CreateWindow.cpp:
--------------------------------------------------------------------------------
  1 | #include "CreateWindow.hpp"
  2 | 
  3 | 
  4 | 任务栏窗口类* 任务栏窗口类::任务栏窗口 = nullptr;
  5 | 
  6 | 
  7 | 任务栏窗口类::任务栏窗口类(
  8 |     HINSTANCE   实例句柄,
  9 |     int         显示方法
 10 | ) {
 11 |     this->任务栏窗口 = this;
 12 |     this->呈现窗口 = new 呈现窗口类(&this->窗口句柄);
 13 | 
 14 |     this->注册窗口(实例句柄);
 15 |     this->创建窗口(实例句柄, 显示方法);
 16 | 
 17 |     this->剩余宽度检测();
 18 |     this->监听注册表();
 19 | }
 20 | 
 21 | 
 22 | 任务栏窗口类::~任务栏窗口类()
 23 | {
 24 |     delete this->呈现窗口;
 25 |     this->呈现窗口 = nullptr;
 26 | 
 27 |     this->剩余宽度检测_线程->detach();
 28 |     delete this->剩余宽度检测_线程;
 29 |     this->剩余宽度检测_线程 = nullptr;
 30 | 
 31 |     this->监听注册表_线程->detach();
 32 |     delete this->监听注册表_线程;
 33 |     this->监听注册表_线程 = nullptr;
 34 | }
 35 | 
 36 | 
 37 | void 任务栏窗口类::注册窗口(
 38 |     HINSTANCE hInstance
 39 | ) {
 40 |     WNDCLASSEX wcex = {};
 41 |     wcex.cbSize = sizeof(WNDCLASSEX);
 42 |     wcex.hInstance = hInstance;
 43 |     wcex.lpfnWndProc = this->窗口过程;
 44 |     wcex.lpszClassName = this->窗口类名.c_str();
 45 |     wcex.style = CS_HREDRAW | CS_VREDRAW;
 46 |     wcex.hbrBackground = HBRUSH(GetStockObject(NULL_BRUSH));
 47 |     wcex.cbClsExtra = 0;
 48 |     wcex.cbWndExtra = 0;
 49 |     wcex.hCursor = nullptr;
 50 |     wcex.hIcon = nullptr;
 51 |     wcex.hIconSm = nullptr;
 52 |     wcex.lpszMenuName = nullptr;
 53 |     RegisterClassEx(&wcex);
 54 | }
 55 | 
 56 | 
 57 | void 任务栏窗口类::创建窗口(
 58 |     HINSTANCE   实例句柄,
 59 |     int         显示方法
 60 | ) {
 61 |     HWND 任务栏_句柄 = FindWindow(L"Shell_TrayWnd", NULL);
 62 |     this->窗口句柄 = CreateWindowEx(
 63 |         WS_EX_LAYERED | WS_EX_TRANSPARENT | WS_EX_TOOLWINDOW | WS_EX_TOPMOST,
 64 |         this->窗口类名.c_str(),
 65 |         this->窗口名字.c_str(),
 66 |         WS_POPUP,
 67 |         CW_USEDEFAULT,
 68 |         CW_USEDEFAULT,
 69 |         CW_USEDEFAULT,
 70 |         CW_USEDEFAULT,
 71 |         任务栏_句柄,
 72 |         NULL,
 73 |         实例句柄,
 74 |         NULL
 75 |     );
 76 | 
 77 |     SetParent(this->窗口句柄, 任务栏_句柄);
 78 |     ShowWindow(this->窗口句柄, 显示方法);
 79 |     PostMessage(this->窗口句柄, WM_PAINT, NULL, NULL);
 80 | }
 81 | 
 82 | 
 83 | void 任务栏窗口类::剩余宽度检测()
 84 | {
 85 |     auto 线程函数 = [&] () {
 86 |         while (true)
 87 |         {
 88 |             std::this_thread::sleep_for(std::chrono::seconds(1));
 89 | 
 90 |             RECT 任务栏_矩形;
 91 |             RECT 开始按钮_矩形;
 92 |             RECT 活动区域_矩形;
 93 |             RECT 通知区域_矩形;
 94 | 
 95 |             GetWindowRect(this->呈现窗口->任务栏_句柄, &任务栏_矩形);
 96 |             GetWindowRect(this->呈现窗口->开始按钮_句柄, &开始按钮_矩形);
 97 |             GetWindowRect(this->呈现窗口->活动区域_句柄, &活动区域_矩形);
 98 |             GetWindowRect(this->呈现窗口->通知区域_句柄, &通知区域_矩形);
 99 | 
100 |             // 只有不一样才会刷新
101 |             if (std::memcmp(&this->呈现窗口->任务栏_矩形, &任务栏_矩形, sizeof(RECT)))
102 |             {
103 |                 this->呈现窗口->任务栏_矩形 = 任务栏_矩形;
104 |                 PostMessage(this->窗口句柄, WM_PAINT, NULL, NULL);
105 |             }
106 | 
107 |             if (this->呈现窗口->居中对齐)
108 |             {
109 |                 if (std::memcmp(&this->呈现窗口->开始按钮_矩形, &开始按钮_矩形, sizeof(RECT)))
110 |                 {
111 |                     this->呈现窗口->开始按钮_矩形 = 开始按钮_矩形;
112 |                     PostMessage(this->窗口句柄, WM_PAINT, NULL, NULL);
113 |                 }
114 |             }
115 |             else
116 |             {
117 |                 if (std::memcmp(&this->呈现窗口->活动区域_矩形, &活动区域_矩形, sizeof(RECT)))
118 |                 {
119 |                     this->呈现窗口->活动区域_矩形 = 活动区域_矩形;
120 |                     PostMessage(this->窗口句柄, WM_PAINT, NULL, NULL);
121 |                 }
122 |                 if (std::memcmp(&this->呈现窗口->通知区域_矩形, &通知区域_矩形, sizeof(RECT))) {
123 |                     this->呈现窗口->通知区域_矩形 = 通知区域_矩形;
124 |                     PostMessage(this->窗口句柄, WM_PAINT, NULL, NULL);
125 |                 }
126 |             }
127 | 
128 |         }
129 |     };
130 | 
131 |     this->剩余宽度检测_线程 = new std::thread(线程函数);
132 | }
133 | 
134 | 
135 | void 任务栏窗口类::监听注册表()
136 | {
137 |     auto 读取注册表 = [](
138 |         std::wstring path,
139 |         std::wstring keyName,
140 |         DWORD& value
141 |         ) {
142 |             HKEY key;
143 |             DWORD bufferSize = sizeof(DWORD);
144 |             if (RegOpenKeyEx(HKEY_CURRENT_USER, path.c_str(), NULL, KEY_READ, &key)) return true;
145 |             if (RegQueryValueEx(key, keyName.c_str(), NULL, NULL, (LPBYTE) &value, &bufferSize)) return true;
146 |             RegCloseKey(key);
147 |             return false;
148 |     };
149 | 
150 |     auto 获取注册表值 = [this, 读取注册表] () {
151 |         {
152 |             DWORD 值;
153 |             std::wstring 路径 = L"SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\Themes\\Personalize";
154 |             std::wstring 键 = L"SystemUsesLightTheme";
155 |             if (!读取注册表(路径, 键, 值))
156 |             {
157 |                 this->呈现窗口->深浅模式 = static_cast<bool>(值);
158 |             }
159 |         }
160 | 
161 |         {
162 |             DWORD 值;
163 |             std::wstring 路径 = L"Software\\Microsoft\\Windows\\CurrentVersion\\Explorer\\Advanced";
164 |             std::wstring 键 = L"TaskbarAl";
165 |             if (!读取注册表(路径, 键, 值))
166 |             {
167 |                 this->呈现窗口->居中对齐 = static_cast<bool>(值);
168 |             }
169 |         }
170 | 
171 |         {
172 |             DWORD 值;
173 |             std::wstring 路径 = L"Software\\Microsoft\\Windows\\CurrentVersion\\Explorer\\Advanced";
174 |             std::wstring 键 = L"TaskbarDa";
175 |             if (!读取注册表(路径, 键, 值))
176 |             {
177 |                 this->呈现窗口->组件按钮 = static_cast<bool>(值);
178 |             }
179 |         }
180 | 
181 |         PostMessage(this->窗口句柄, WM_PAINT, NULL, NULL);
182 |     };
183 | 
184 |     获取注册表值();
185 | 
186 |     auto 线程函数 = [this, 获取注册表值] () {
187 |         // 持续监听注册表
188 |         while (true)
189 |         {
190 |             // 打开注册表
191 |             if (!this->注册表句柄)
192 |             {
193 |                 std::wstring path = L"Software\\Microsoft\\Windows\\CurrentVersion";
194 |                 RegOpenKeyEx(HKEY_CURRENT_USER, path.c_str(), NULL, KEY_NOTIFY, &this->注册表句柄);
195 |                 continue;
196 |             }
197 | 
198 |             // 监听注册表
199 |             if (RegNotifyChangeKeyValue(this->注册表句柄, true, REG_NOTIFY_CHANGE_LAST_SET, NULL, false))
200 |             {
201 |                 continue;
202 |             }
203 | 
204 |             获取注册表值();
205 |         }
206 |     };
207 | 
208 |     this->剩余宽度检测_线程 = new std::thread(线程函数);
209 | }
210 | 
211 | 
212 | LRESULT CALLBACK 任务栏窗口类::窗口过程(
213 |     HWND    窗口句柄,
214 |     UINT    消息,
215 |     WPARAM  字参数,
216 |     LPARAM  长参数
217 | ) {
218 |     switch (消息)
219 |     {
220 |         case WM_PAINT:
221 |         {
222 |             任务栏窗口类::任务栏窗口->呈现窗口->更新窗口();
223 |         };
224 |         break;
225 | 
226 |         case WM_ERASEBKGND:
227 |         {
228 |             return 0;
229 |         };
230 |         break;
231 | 
232 |         case WM_CLOSE:
233 |         {
234 |             DestroyWindow(窗口句柄);
235 |         };
236 |         break;
237 | 
238 |         case WM_DESTROY:
239 |         {
240 |             PostQuitMessage(0);
241 |         };
242 |         break;
243 | 
244 |         default:
245 |         {
246 |             return DefWindowProc(窗口句柄, 消息, 字参数, 长参数);
247 |         };
248 |         break;
249 |     }
250 | 
251 |     return 0;
252 | }
253 | 


--------------------------------------------------------------------------------
/src/taskbar-lyrics/CreateWindow.hpp:
--------------------------------------------------------------------------------
 1 | #pragma once
 2 | 
 3 | #include "RenderWindow.hpp"
 4 | #include <Windows.h>
 5 | #include <string>
 6 | #include <thread>
 7 | 
 8 | 
 9 | class 任务栏窗口类
10 | {
11 |     private:
12 |     static 任务栏窗口类* 任务栏窗口;
13 | 
14 | 
15 |     public:
16 |     呈现窗口类* 呈现窗口 = nullptr;
17 | 
18 | 
19 |     public:
20 |     HWND 窗口句柄;
21 | 
22 | 
23 |     private:
24 |     std::thread* 剩余宽度检测_线程 = nullptr;
25 |     void 剩余宽度检测();
26 | 
27 | 
28 |     private:
29 |     HKEY 注册表句柄;
30 |     std::thread* 监听注册表_线程 = nullptr;
31 |     void 监听注册表();
32 | 
33 | 
34 |     private:
35 |     std::wstring 窗口类名 = L"betterncm_taskbar_lyrics";
36 |     std::wstring 窗口名字 = L"BetterNCM 任务栏歌词类";
37 | 
38 | 
39 |     public:
40 |     任务栏窗口类(HINSTANCE, int);
41 |     ~任务栏窗口类();
42 | 
43 | 
44 |     private:
45 |     void 注册窗口(HINSTANCE);
46 |     void 创建窗口(HINSTANCE, int);
47 | 
48 | 
49 |     private:
50 |     static LRESULT CALLBACK 窗口过程(HWND, UINT, WPARAM, LPARAM);
51 | };


--------------------------------------------------------------------------------
/src/taskbar-lyrics/NetworkServer.cpp:
--------------------------------------------------------------------------------
  1 | #include "NetworkServer.hpp"
  2 | #include "CreateWindow.hpp"
  3 | #include "nlohmann/json.hpp"
  4 | #include <d2d1.h>
  5 | 
  6 | 
  7 | 网络服务器类::网络服务器类(
  8 |     任务栏窗口类* 任务栏窗口,
  9 |     unsigned short 端口
 10 | ) {
 11 |     this->任务栏窗口 = 任务栏窗口;
 12 | 
 13 |     auto handler = [this] (auto func) {
 14 |         auto bind = std::bind(func,this,std::placeholders::_1,std::placeholders::_2);
 15 |         return httplib::Server::Handler(bind);
 16 |     };
 17 | 
 18 |     auto 线程函数 = [this, handler, 端口] () {
 19 |         this->网络服务器.Post("/taskbar/font/font", handler(&网络服务器类::字体));
 20 |         this->网络服务器.Post("/taskbar/font/color", handler(&网络服务器类::颜色));
 21 |         this->网络服务器.Post("/taskbar/font/style", handler(&网络服务器类::样式));
 22 |         this->网络服务器.Post("/taskbar/lyrics/lyrics", handler(&网络服务器类::歌词));
 23 |         this->网络服务器.Post("/taskbar/lyrics/align", handler(&网络服务器类::对齐));
 24 |         this->网络服务器.Post("/taskbar/window/position", handler(&网络服务器类::位置));
 25 |         this->网络服务器.Post("/taskbar/window/margin", handler(&网络服务器类::边距));
 26 |         this->网络服务器.Post("/taskbar/window/screen", handler(&网络服务器类::屏幕));
 27 |         this->网络服务器.Post("/taskbar/close", handler(&网络服务器类::关闭));
 28 |         this->网络服务器.listen("127.0.0.1", 端口);
 29 |     };
 30 | 
 31 |     this->网络服务器_线程 = new std::thread(线程函数);
 32 | }
 33 | 
 34 | 
 35 | 网络服务器类::~网络服务器类()
 36 | {
 37 |     this->网络服务器.stop();
 38 | 
 39 |     this->网络服务器_线程->detach();
 40 |     delete this->网络服务器_线程;
 41 |     this->网络服务器_线程 = nullptr;
 42 | 
 43 |     this->任务栏窗口 = nullptr;
 44 | }
 45 | 
 46 | 
 47 | void 网络服务器类::字体(
 48 |     const httplib::Request& req,
 49 |     httplib::Response& res
 50 | ) {
 51 |     auto json = nlohmann::json::parse(req.body);
 52 | 
 53 |     this->任务栏窗口->呈现窗口->字体名称 = this->字符转换.from_bytes(
 54 |         json["font_family"].get<std::string>()
 55 |     );
 56 | 
 57 |     PostMessage(this->任务栏窗口->窗口句柄, WM_PAINT, NULL, NULL);
 58 |     res.status = 200;
 59 | }
 60 | 
 61 | 
 62 | void 网络服务器类::颜色(
 63 |     const httplib::Request& req,
 64 |     httplib::Response& res
 65 | ) {
 66 |     auto json = nlohmann::json::parse(req.body);
 67 | 
 68 |     this->任务栏窗口->呈现窗口->字体颜色_浅色_主歌词 = D2D1::ColorF(
 69 |         json["basic"]["light"]["hex_color"].get<unsigned int>(),
 70 |         json["basic"]["light"]["opacity"].get<float>()
 71 |     );
 72 |     this->任务栏窗口->呈现窗口->字体颜色_深色_主歌词 = D2D1::ColorF(
 73 |         json["basic"]["dark"]["hex_color"].get<unsigned int>(),
 74 |         json["basic"]["dark"]["opacity"].get<float>()
 75 |     );
 76 |     this->任务栏窗口->呈现窗口->字体颜色_浅色_副歌词 = D2D1::ColorF(
 77 |         json["extra"]["light"]["hex_color"].get<unsigned int>(),
 78 |         json["extra"]["light"]["opacity"].get<float>()
 79 |     );
 80 |     this->任务栏窗口->呈现窗口->字体颜色_深色_副歌词 = D2D1::ColorF(
 81 |         json["extra"]["dark"]["hex_color"].get<unsigned int>(),
 82 |         json["extra"]["dark"]["opacity"].get<float>()
 83 |     );
 84 | 
 85 |     PostMessage(this->任务栏窗口->窗口句柄, WM_PAINT, NULL, NULL);
 86 |     res.status = 200;
 87 | }
 88 | 
 89 | 
 90 | void 网络服务器类::样式(
 91 |     const httplib::Request& req,
 92 |     httplib::Response& res
 93 | ) {
 94 |     auto json = nlohmann::json::parse(req.body);
 95 | 
 96 |     this->任务栏窗口->呈现窗口->字体样式_主歌词_字重 = json["basic"]["weight"]["value"].get<DWRITE_FONT_WEIGHT>();
 97 |     this->任务栏窗口->呈现窗口->字体样式_主歌词_斜体 = json["basic"]["slope"].get<DWRITE_FONT_STYLE>();
 98 |     this->任务栏窗口->呈现窗口->字体样式_主歌词_下划线 = json["basic"]["underline"].get<bool>();
 99 |     this->任务栏窗口->呈现窗口->字体样式_主歌词_删除线 = json["basic"]["strikethrough"].get<bool>();
100 |     this->任务栏窗口->呈现窗口->字体样式_副歌词_字重 = json["extra"]["weight"]["value"].get<DWRITE_FONT_WEIGHT>();
101 |     this->任务栏窗口->呈现窗口->字体样式_副歌词_斜体 = json["extra"]["slope"].get<DWRITE_FONT_STYLE>();
102 |     this->任务栏窗口->呈现窗口->字体样式_副歌词_下划线 = json["extra"]["underline"].get<bool>();
103 |     this->任务栏窗口->呈现窗口->字体样式_副歌词_删除线 = json["extra"]["strikethrough"].get<bool>();
104 | 
105 |     PostMessage(this->任务栏窗口->窗口句柄, WM_PAINT, NULL, NULL);
106 |     res.status = 200;
107 | }
108 | 
109 | 
110 | void 网络服务器类::歌词(
111 |     const httplib::Request& req,
112 |     httplib::Response& res
113 | ) {
114 |     auto json = nlohmann::json::parse(req.body);
115 | 
116 |     this->任务栏窗口->呈现窗口->主歌词 = this->字符转换.from_bytes(
117 |         json["basic"].get<std::string>()
118 |     );
119 |     this->任务栏窗口->呈现窗口->副歌词 = this->字符转换.from_bytes(
120 |         json["extra"].get<std::string>()
121 |     );
122 | 
123 |     PostMessage(this->任务栏窗口->窗口句柄, WM_PAINT, NULL, NULL);
124 |     res.status = 200;
125 | }
126 | 
127 | 
128 | void 网络服务器类::对齐(
129 |     const httplib::Request& req,
130 |     httplib::Response& res
131 | ) {
132 |     auto json = nlohmann::json::parse(req.body);
133 | 
134 |     this->任务栏窗口->呈现窗口->对齐方式_主歌词 = json["basic"].get<DWRITE_TEXT_ALIGNMENT>();
135 |     this->任务栏窗口->呈现窗口->对齐方式_副歌词 = json["extra"].get<DWRITE_TEXT_ALIGNMENT>();
136 | 
137 |     PostMessage(this->任务栏窗口->窗口句柄, WM_PAINT, NULL, NULL);
138 |     res.status = 200;
139 | }
140 | 
141 | 
142 | void 网络服务器类::位置(
143 |     const httplib::Request& req,
144 |     httplib::Response& res
145 | ) {
146 |     auto json = nlohmann::json::parse(req.body);
147 | 
148 |     this->任务栏窗口->呈现窗口->窗口位置 = json["position"]["value"].get<WindowAlignment>();
149 | 
150 |     PostMessage(this->任务栏窗口->窗口句柄, WM_PAINT, NULL, NULL);
151 |     res.status = 200;
152 | }
153 | 
154 | 
155 | void 网络服务器类::边距(
156 |     const httplib::Request& req,
157 |     httplib::Response& res
158 | ) {
159 |     auto json = nlohmann::json::parse(req.body);
160 | 
161 |     this->任务栏窗口->呈现窗口->左边距 = json["left"].get<int>();
162 |     this->任务栏窗口->呈现窗口->右边距 = json["right"].get<int>();
163 | 
164 |     PostMessage(this->任务栏窗口->窗口句柄, WM_PAINT, NULL, NULL);
165 |     res.status = 200;
166 | }
167 | 
168 | 
169 | void 网络服务器类::屏幕(
170 |     const httplib::Request& req,
171 |     httplib::Response& res
172 | ) {
173 |     auto json = nlohmann::json::parse(req.body);
174 |     auto parent_taskbar = json["parent_taskbar"]["value"].get<std::string>();
175 | 
176 |     this->任务栏窗口->呈现窗口->任务栏_句柄 = FindWindow(this->字符转换.from_bytes(parent_taskbar).c_str(), NULL);
177 |     this->任务栏窗口->呈现窗口->开始按钮_句柄 = FindWindowEx(this->任务栏窗口->呈现窗口->任务栏_句柄, NULL, L"Start", NULL);
178 | 
179 |     GetWindowRect(this->任务栏窗口->呈现窗口->任务栏_句柄, &this->任务栏窗口->呈现窗口->任务栏_矩形);
180 |     GetWindowRect(this->任务栏窗口->呈现窗口->开始按钮_句柄, &this->任务栏窗口->呈现窗口->开始按钮_矩形);
181 | 
182 |     SetParent(this->任务栏窗口->窗口句柄, this->任务栏窗口->呈现窗口->任务栏_句柄);
183 | 
184 |     PostMessage(this->任务栏窗口->窗口句柄, WM_PAINT, NULL, NULL);
185 |     res.status = 200;
186 | }
187 | 
188 | 
189 | void 网络服务器类::关闭(
190 |     const httplib::Request& req,
191 |     httplib::Response& res
192 | ) {
193 |     this->任务栏窗口->呈现窗口->主歌词 = L"检测到网易云音乐重载页面";
194 |     this->任务栏窗口->呈现窗口->副歌词 = L"正在尝试关闭任务栏歌词...";
195 | 
196 |     PostMessage(this->任务栏窗口->窗口句柄, WM_PAINT, NULL, NULL);
197 |     PostMessage(this->任务栏窗口->窗口句柄, WM_CLOSE, NULL, NULL);
198 |     res.status = 200;
199 | }


--------------------------------------------------------------------------------
/src/taskbar-lyrics/NetworkServer.hpp:
--------------------------------------------------------------------------------
 1 | #pragma once
 2 | 
 3 | #include "httplib.h"
 4 | #include <thread>
 5 | #include <string>
 6 | #include <codecvt>
 7 | 
 8 | 
 9 | class 网络服务器类
10 | {
11 | 	private:
12 | 	httplib::Server 网络服务器;
13 | 	class 任务栏窗口类* 任务栏窗口 = nullptr;
14 | 	std::thread* 网络服务器_线程 = nullptr;
15 | 
16 | 
17 | 	private:
18 |     std::wstring_convert<std::codecvt_utf8<wchar_t>> 字符转换;
19 | 
20 | 
21 | 	public:
22 | 	网络服务器类(class 任务栏窗口类*, unsigned short);
23 | 	~网络服务器类();
24 | 
25 | 
26 | 	private:
27 | 	void 字体(const httplib::Request&, httplib::Response&);
28 | 	void 颜色(const httplib::Request&, httplib::Response&);
29 | 	void 样式(const httplib::Request&, httplib::Response&);
30 | 	void 歌词(const httplib::Request&, httplib::Response&);
31 | 	void 对齐(const httplib::Request&, httplib::Response&);
32 | 	void 位置(const httplib::Request&, httplib::Response&);
33 | 	void 边距(const httplib::Request&, httplib::Response&);
34 | 	void 屏幕(const httplib::Request&, httplib::Response&);
35 | 	void 关闭(const httplib::Request&, httplib::Response&);
36 | };


--------------------------------------------------------------------------------
/src/taskbar-lyrics/RenderWindow.cpp:
--------------------------------------------------------------------------------
  1 | #include "RenderWindow.hpp"
  2 | 
  3 | #pragma comment (lib, "d2d1.lib")
  4 | #pragma comment (lib, "dwrite.lib")
  5 | 
  6 | 
  7 | 呈现窗口类::呈现窗口类(
  8 |     HWND* 窗口句柄
  9 | ) {
 10 |     this->窗口句柄 = 窗口句柄;
 11 | 
 12 |     this->任务栏_句柄 = FindWindow(L"Shell_TrayWnd", NULL);
 13 |     this->通知区域_句柄 = FindWindowEx(this->任务栏_句柄, NULL, L"TrayNotifyWnd", NULL);
 14 |     this->开始按钮_句柄 = FindWindowEx(this->任务栏_句柄, NULL, L"Start", NULL);
 15 |     HWND 最小化区域_句柄 = FindWindowEx(this->任务栏_句柄, NULL, L"ReBarWindow32", NULL);
 16 |     this->活动区域_句柄 = FindWindowEx(最小化区域_句柄, NULL, L"MSTaskSwWClass", NULL);
 17 | 
 18 |     // 创建D2D工厂
 19 |     D2D1CreateFactory(
 20 |         D2D1_FACTORY_TYPE_SINGLE_THREADED,
 21 |         &this->D2D工厂
 22 |     );
 23 | 
 24 |     D2D1_RENDER_TARGET_PROPERTIES renderTargetProperties = D2D1::RenderTargetProperties();
 25 |     renderTargetProperties.pixelFormat.format = DXGI_FORMAT_B8G8R8A8_UNORM;
 26 |     renderTargetProperties.pixelFormat.alphaMode = D2D1_ALPHA_MODE_PREMULTIPLIED;
 27 | 
 28 |     // 创建DC渲染目标
 29 |     this->D2D工厂->CreateDCRenderTarget(
 30 |         &renderTargetProperties,
 31 |         &this->D2D呈现目标
 32 |     );
 33 | 
 34 |     // 主歌词笔刷
 35 |     this->D2D呈现目标->CreateSolidColorBrush(
 36 |         D2D1::ColorF(0x000000, 1),
 37 |         &this->D2D纯色笔刷
 38 |     );
 39 | 
 40 |     // 创建DWrite工厂
 41 |     DWriteCreateFactory(
 42 |         DWRITE_FACTORY_TYPE_SHARED,
 43 |         __uuidof(IDWriteFactory),
 44 |         reinterpret_cast<IUnknown**>(&this->DWrite工厂)
 45 |     );
 46 | }
 47 | 
 48 | 
 49 | 呈现窗口类::~呈现窗口类()
 50 | {
 51 |     this->D2D工厂->Release();
 52 |     this->D2D工厂 = nullptr;
 53 | 
 54 |     this->D2D呈现目标->Release();
 55 |     this->D2D呈现目标 = nullptr;
 56 | 
 57 |     this->D2D纯色笔刷->Release();
 58 |     this->D2D纯色笔刷 = nullptr;
 59 | 
 60 |     this->DWrite工厂->Release();
 61 |     this->DWrite工厂 = nullptr;
 62 | 
 63 |     this->窗口句柄 = nullptr;
 64 | }
 65 | 
 66 | 
 67 | void 呈现窗口类::更新窗口()
 68 | {
 69 |     GetWindowRect(this->任务栏_句柄, &this->任务栏_矩形);
 70 |     GetWindowRect(this->通知区域_句柄, &this->通知区域_矩形);
 71 |     GetWindowRect(this->开始按钮_句柄, &this->开始按钮_矩形);
 72 |     GetWindowRect(this->活动区域_句柄, &this->活动区域_矩形);
 73 | 
 74 |     long 左 = 0;
 75 |     long 上 = 0;
 76 |     long 宽 = 0;
 77 |     long 高 = this->任务栏_矩形.bottom - this->任务栏_矩形.top;
 78 | 
 79 |     switch (this->窗口位置)
 80 |     {
 81 |         case WindowAlignment::WindowAlignmentAdaptive:
 82 |         {
 83 |             if (this->居中对齐)
 84 |             {
 85 |                 左 = static_cast<long>(this->组件按钮 ? this->DPI(160) : 0) + this->左边距;
 86 |                 宽 = this->开始按钮_矩形.left - static_cast<long>(this->组件按钮 ? this->DPI(160) : 0) - this->左边距 - this->右边距;
 87 |             }
 88 |             else
 89 |             {
 90 |                 左 = this->活动区域_矩形.right + this->左边距;
 91 |                 宽 = this->通知区域_矩形.left - this->活动区域_矩形.right - this->左边距 - this->右边距;
 92 |             }
 93 |         }
 94 |         break;
 95 | 
 96 |         case WindowAlignment::WindowAlignmentLeft:
 97 |         {
 98 |             if (this->居中对齐)
 99 |             {
100 |                 左 = static_cast<long>(this->组件按钮 ? this->DPI(160) : 0) + this->左边距;
101 |                 宽 = this->开始按钮_矩形.left - static_cast<long>(this->组件按钮 ? this->DPI(160) : 0) - this->左边距 - this->右边距;
102 |             }
103 |             else
104 |             {
105 |                 左 = 0 + this->左边距;
106 |                 宽 = this->通知区域_矩形.left - 0 - this->左边距 - this->右边距;
107 |             }
108 |         }
109 |         break;
110 | 
111 |         case WindowAlignment::WindowAlignmentCenter:
112 |         {
113 |             int center = (this->任务栏_矩形.right - this->任务栏_矩形.left) / 2;
114 |             int lw = this->活动区域_矩形.right - this->开始按钮_矩形.left;
115 |             int rw = this->通知区域_矩形.right - this->通知区域_矩形.left;
116 | 
117 |             if (lw > rw)
118 |             {
119 |                 左 = lw + this->左边距;
120 |                 宽 = (center - lw) * 2 - this->左边距 - this->右边距;
121 |             }
122 |             else
123 |             {
124 |                 左 = center - (center - rw) + this->左边距;
125 |                 宽 = (center - rw) * 2 - this->左边距 - this->右边距;
126 |             }
127 |         }
128 |         break;
129 | 
130 |         case WindowAlignment::WindowAlignmentRight:
131 |         {
132 |             左 = this->活动区域_矩形.right + this->左边距;
133 |             宽 = this->通知区域_矩形.left - this->活动区域_矩形.right - this->左边距 - this->右边距;
134 |         }
135 |         break;
136 |     }
137 | 
138 |     MoveWindow(*this->窗口句柄, 左, 上, 宽, 高, false);
139 |     this->绘制窗口(左, 上, 宽, 高);
140 | }
141 | 
142 | 
143 | void 呈现窗口类::绘制窗口(
144 |     long 左,
145 |     long 上,
146 |     long 宽,
147 |     long 高
148 | ) {
149 |     RECT rect = {};
150 |     GetClientRect(*this->窗口句柄, &rect);
151 | 
152 |     HDC hdc = GetDC(*this->窗口句柄);
153 |     HDC memDC = CreateCompatibleDC(hdc);
154 |     HBITMAP memBitmap = CreateCompatibleBitmap(hdc, 宽, 高);
155 |     HBITMAP oldBitmap = HBITMAP(SelectObject(memDC, memBitmap));
156 | 
157 |     this->绘制歌词(memDC, rect);
158 | 
159 |     BLENDFUNCTION blend = {
160 |         AC_SRC_OVER,
161 |         0,
162 |         255,
163 |         AC_SRC_ALPHA
164 |     };
165 | 
166 |     POINT 目标位置 = { 左, 上 };
167 |     SIZE 大小 = { 宽, 高 };
168 |     POINT 来源位置 = { 0, 0 };
169 | 
170 |     UpdateLayeredWindow(*this->窗口句柄, hdc, &目标位置, &大小, memDC, &来源位置, 0, &blend, ULW_ALPHA);
171 | 
172 |     SelectObject(memDC, oldBitmap);
173 |     DeleteObject(memBitmap);
174 |     DeleteDC(memDC);
175 |     ReleaseDC(*this->窗口句柄, hdc);
176 | }
177 | 
178 | 
179 | void 呈现窗口类::绘制歌词(
180 |     HDC& hdc,
181 |     RECT& rect
182 | ) {
183 |     this->D2D呈现目标->BindDC(hdc, &rect);
184 |     this->D2D呈现目标->BeginDraw();
185 | 
186 |     DWRITE_TRIMMING 歌词裁剪 = {
187 |         DWRITE_TRIMMING_GRANULARITY_CHARACTER,
188 |         0,
189 |         0
190 |     };
191 | 
192 |     if (this->副歌词.empty())
193 |     {
194 |         D2D1_RECT_F 主歌词_矩形 = D2D1::RectF(
195 |             max(0, rect.left + this->DPI(10)),
196 |             max(0, rect.top + this->DPI(10)),
197 |             max(0, rect.right - this->DPI(10)),
198 |             max(0, rect.bottom - this->DPI(10))
199 |         );
200 | 
201 |         主歌词_矩形.right = max(主歌词_矩形.right, 主歌词_矩形.left);
202 |         主歌词_矩形.bottom = max(主歌词_矩形.bottom, 主歌词_矩形.top);
203 | 
204 |         // 创建文字格式
205 |         this->DWrite工厂->CreateTextFormat(
206 |             this->字体名称.c_str(),
207 |             nullptr,
208 |             this->字体样式_主歌词_字重,
209 |             this->字体样式_主歌词_斜体,
210 |             DWRITE_FONT_STRETCH_NORMAL,
211 |             this->DPI(20),
212 |             L"zh-CN",
213 |             &this->DWrite主歌词文本格式
214 |         );
215 | 
216 |         // 创建文字布局
217 |         this->DWrite工厂->CreateTextLayout(
218 |             this->主歌词.c_str(),
219 |             this->主歌词.size(),
220 |             this->DWrite主歌词文本格式,
221 |             (float) (主歌词_矩形.right - 主歌词_矩形.left),
222 |             (float) (主歌词_矩形.bottom - 主歌词_矩形.top),
223 |             &this->DWrite主歌词文本布局
224 |         );
225 | 
226 |         this->DWrite主歌词文本布局->SetTrimming(&歌词裁剪, nullptr);
227 |         this->DWrite主歌词文本布局->SetWordWrapping(DWRITE_WORD_WRAPPING_NO_WRAP);
228 |         this->DWrite主歌词文本布局->SetTextAlignment(this->对齐方式_主歌词);
229 |         this->DWrite主歌词文本布局->SetUnderline(this->字体样式_主歌词_下划线, DWRITE_TEXT_RANGE{0, this->主歌词.size()});
230 |         this->DWrite主歌词文本布局->SetStrikethrough(this->字体样式_主歌词_删除线, DWRITE_TEXT_RANGE{0, this->主歌词.size()});
231 |         this->D2D纯色笔刷->SetColor(this->深浅模式 ? this->字体颜色_浅色_主歌词 : this->字体颜色_深色_主歌词);
232 | 
233 |         //绘制文字显示
234 |         this->D2D呈现目标->DrawTextLayout(
235 |             D2D1::Point2F(主歌词_矩形.left, 主歌词_矩形.top),
236 |             this->DWrite主歌词文本布局,
237 |             this->D2D纯色笔刷,
238 |             D2D1_DRAW_TEXT_OPTIONS_NO_SNAP
239 |         );
240 | 
241 |         this->DWrite主歌词文本格式->Release();
242 |         this->DWrite主歌词文本格式 = nullptr;
243 |         this->DWrite主歌词文本布局->Release();
244 |         this->DWrite主歌词文本布局 = nullptr;
245 |     }
246 |     else
247 |     {
248 |         D2D1_RECT_F 主歌词_矩形 = D2D1::RectF(
249 |             max(0, rect.left + this->DPI(5)),
250 |             max(0, rect.top + this->DPI(5)),
251 |             max(0, rect.right - this->DPI(5)),
252 |             max(0, rect.bottom / 2.0f)
253 |         );
254 | 
255 |         主歌词_矩形.right = max(主歌词_矩形.right, 主歌词_矩形.left);
256 |         主歌词_矩形.bottom = max(主歌词_矩形.bottom, 主歌词_矩形.top);
257 | 
258 |         // 创建文字格式
259 |         this->DWrite工厂->CreateTextFormat(
260 |             this->字体名称.c_str(),
261 |             nullptr,
262 |             this->字体样式_主歌词_字重,
263 |             this->字体样式_主歌词_斜体,
264 |             DWRITE_FONT_STRETCH_NORMAL,
265 |             this->DPI(15),
266 |             L"zh-CN",
267 |             &this->DWrite主歌词文本格式
268 |         );
269 | 
270 |         // 创建文字布局
271 |         this->DWrite工厂->CreateTextLayout(
272 |             this->主歌词.c_str(),
273 |             this->主歌词.size(),
274 |             this->DWrite主歌词文本格式,
275 |             (float) (主歌词_矩形.right - 主歌词_矩形.left),
276 |             (float) (主歌词_矩形.bottom - 主歌词_矩形.top),
277 |             &this->DWrite主歌词文本布局
278 |         );
279 | 
280 |         this->DWrite主歌词文本布局->SetTrimming(&歌词裁剪, nullptr);
281 |         this->DWrite主歌词文本布局->SetWordWrapping(DWRITE_WORD_WRAPPING_NO_WRAP);
282 |         this->DWrite主歌词文本布局->SetTextAlignment(this->对齐方式_主歌词);
283 |         this->DWrite主歌词文本布局->SetUnderline(this->字体样式_主歌词_下划线, DWRITE_TEXT_RANGE{0, this->主歌词.size()});
284 |         this->DWrite主歌词文本布局->SetStrikethrough(this->字体样式_主歌词_删除线, DWRITE_TEXT_RANGE{0, this->主歌词.size()});
285 |         this->D2D纯色笔刷->SetColor(this->深浅模式 ? this->字体颜色_浅色_主歌词 : this->字体颜色_深色_主歌词);
286 | 
287 |         //绘制文字显示
288 |         this->D2D呈现目标->DrawTextLayout(
289 |             D2D1::Point2F(主歌词_矩形.left, 主歌词_矩形.top),
290 |             this->DWrite主歌词文本布局,
291 |             this->D2D纯色笔刷,
292 |             D2D1_DRAW_TEXT_OPTIONS_NO_SNAP
293 |         );
294 | 
295 |         /******************************************/
296 | 
297 |         D2D1_RECT_F 副歌词_矩形 = D2D1::RectF(
298 |             max(0, rect.left + this->DPI(5)),
299 |             max(0, rect.bottom / 2.0f),
300 |             max(0, rect.right - this->DPI(5)),
301 |             max(0, rect.bottom - this->DPI(5))
302 |         );
303 | 
304 |         副歌词_矩形.right = max(副歌词_矩形.right, 副歌词_矩形.left);
305 |         副歌词_矩形.bottom = max(副歌词_矩形.bottom, 副歌词_矩形.top);
306 | 
307 |         // 创建文字格式
308 |         this->DWrite工厂->CreateTextFormat(
309 |             this->字体名称.c_str(),
310 |             nullptr,
311 |             this->字体样式_副歌词_字重,
312 |             this->字体样式_副歌词_斜体,
313 |             DWRITE_FONT_STRETCH_NORMAL,
314 |             this->DPI(15),
315 |             L"zh-CN",
316 |             &this->DWrite副歌词文本格式
317 |         );
318 | 
319 |         // 创建文字布局
320 |         this->DWrite工厂->CreateTextLayout(
321 |             this->副歌词.c_str(),
322 |             this->副歌词.size(),
323 |             this->DWrite副歌词文本格式,
324 |             (float) (副歌词_矩形.right - 副歌词_矩形.left),
325 |             (float) (副歌词_矩形.bottom - 副歌词_矩形.top),
326 |             &this->DWrite副歌词文本布局
327 |         );
328 | 
329 |         this->DWrite副歌词文本布局->SetTrimming(&歌词裁剪, nullptr);
330 |         this->DWrite副歌词文本布局->SetWordWrapping(DWRITE_WORD_WRAPPING_NO_WRAP);
331 |         this->DWrite副歌词文本布局->SetTextAlignment(this->对齐方式_副歌词);
332 |         this->DWrite副歌词文本布局->SetUnderline(this->字体样式_副歌词_下划线, DWRITE_TEXT_RANGE{0, this->副歌词.size()});
333 |         this->DWrite副歌词文本布局->SetStrikethrough(this->字体样式_副歌词_删除线, DWRITE_TEXT_RANGE{0, this->副歌词.size()});
334 |         this->D2D纯色笔刷->SetColor(this->深浅模式 ? this->字体颜色_浅色_副歌词 : this->字体颜色_深色_副歌词);
335 | 
336 |         //绘制文字显示
337 |         this->D2D呈现目标->DrawTextLayout(
338 |             D2D1::Point2F(副歌词_矩形.left, 副歌词_矩形.top),
339 |             this->DWrite副歌词文本布局,
340 |             this->D2D纯色笔刷,
341 |             D2D1_DRAW_TEXT_OPTIONS_NO_SNAP
342 |         );
343 | 
344 |         this->DWrite主歌词文本格式->Release();
345 |         this->DWrite主歌词文本格式 = nullptr;
346 |         this->DWrite主歌词文本布局->Release();
347 |         this->DWrite主歌词文本布局 = nullptr;
348 |         this->DWrite副歌词文本格式->Release();
349 |         this->DWrite副歌词文本格式 = nullptr;
350 |         this->DWrite副歌词文本布局->Release();
351 |         this->DWrite副歌词文本布局 = nullptr;
352 |     }
353 | 
354 |     this->D2D呈现目标->EndDraw();
355 | }
356 | 
357 | 
358 | float 呈现窗口类::DPI(
359 |     UINT 像素大小
360 | ) {
361 |     auto 屏幕DPI = GetDpiForWindow(*this->窗口句柄);
362 |     auto 新像素大小 = static_cast<float>(像素大小 * 屏幕DPI / 96);
363 |     return 新像素大小;
364 | }
365 | 


--------------------------------------------------------------------------------
/src/taskbar-lyrics/RenderWindow.hpp:
--------------------------------------------------------------------------------
 1 | #pragma once
 2 | 
 3 | #include <Windows.h>
 4 | #include <d2d1.h>
 5 | #include <dwrite.h>
 6 | #include <string>
 7 | 
 8 | 
 9 | enum WindowAlignment
10 | {
11 |     WindowAlignmentAdaptive = 0,
12 |     WindowAlignmentLeft = 1,
13 |     WindowAlignmentCenter = 2,
14 |     WindowAlignmentRight = 3
15 | };
16 | 
17 | 
18 | class 呈现窗口类
19 | {
20 |     private:
21 |     HWND *窗口句柄 = nullptr;
22 | 
23 | 
24 |     public:
25 |     HWND 任务栏_句柄;
26 |     HWND 通知区域_句柄;
27 |     HWND 开始按钮_句柄;
28 |     HWND 活动区域_句柄;
29 | 
30 |     RECT 任务栏_矩形;
31 |     RECT 通知区域_矩形;
32 |     RECT 开始按钮_矩形;
33 |     RECT 活动区域_矩形;
34 | 
35 | 
36 |     public:
37 |     呈现窗口类(HWND*);
38 |     ~呈现窗口类();
39 | 
40 | 
41 |     private:
42 |     ID2D1Factory* D2D工厂 = nullptr;
43 |     ID2D1DCRenderTarget* D2D呈现目标 = nullptr;
44 |     ID2D1SolidColorBrush* D2D纯色笔刷 = nullptr;
45 | 
46 |     IDWriteFactory* DWrite工厂 = nullptr;
47 |     IDWriteTextFormat* DWrite主歌词文本格式 = nullptr;
48 |     IDWriteTextLayout* DWrite主歌词文本布局 = nullptr;
49 |     IDWriteTextFormat* DWrite副歌词文本格式 = nullptr;
50 |     IDWriteTextLayout* DWrite副歌词文本布局 = nullptr;
51 | 
52 | 
53 |     public:
54 |     bool 深浅模式 = false;
55 |     bool 组件按钮 = false;
56 |     bool 居中对齐 = true;
57 | 
58 |     std::wstring 主歌词 = L"任务栏歌词启动成功";
59 |     std::wstring 副歌词 = L"等待插件传输歌词...";
60 | 
61 |     std::wstring 字体名称 = L"Microsoft YaHei UI";
62 | 
63 |     D2D1::ColorF 字体颜色_浅色_主歌词 = D2D1::ColorF(0x000000, 1);
64 |     D2D1::ColorF 字体颜色_浅色_副歌词 = D2D1::ColorF(0x000000, 1);
65 |     D2D1::ColorF 字体颜色_深色_主歌词 = D2D1::ColorF(0xFFFFFF, 1);
66 |     D2D1::ColorF 字体颜色_深色_副歌词 = D2D1::ColorF(0xFFFFFF, 1);
67 | 
68 |     DWRITE_FONT_WEIGHT 字体样式_主歌词_字重 = DWRITE_FONT_WEIGHT_NORMAL;
69 |     DWRITE_FONT_WEIGHT 字体样式_副歌词_字重 = DWRITE_FONT_WEIGHT_NORMAL;
70 |     DWRITE_FONT_STYLE 字体样式_主歌词_斜体 = DWRITE_FONT_STYLE_NORMAL;
71 |     DWRITE_FONT_STYLE 字体样式_副歌词_斜体 = DWRITE_FONT_STYLE_NORMAL;
72 |     
73 |     bool 字体样式_主歌词_下划线 = false;
74 |     bool 字体样式_副歌词_下划线 = false;
75 |     bool 字体样式_主歌词_删除线 = false;
76 |     bool 字体样式_副歌词_删除线 = false;
77 | 
78 |     WindowAlignment 窗口位置 = WindowAlignment::WindowAlignmentAdaptive;
79 | 
80 |     int 左边距 = 0;
81 |     int 右边距 = 0;
82 | 
83 |     DWRITE_TEXT_ALIGNMENT 对齐方式_主歌词 = DWRITE_TEXT_ALIGNMENT::DWRITE_TEXT_ALIGNMENT_LEADING;
84 |     DWRITE_TEXT_ALIGNMENT 对齐方式_副歌词 = DWRITE_TEXT_ALIGNMENT::DWRITE_TEXT_ALIGNMENT_LEADING;
85 | 
86 | 
87 | 	public:
88 |     void 更新窗口();
89 | 
90 | 
91 |     private:
92 | 	void 绘制窗口(long, long, long, long);
93 |     void 绘制歌词(HDC&, RECT&);
94 | 
95 | 
96 |     private:
97 |     float DPI(UINT);
98 | };
99 | 


--------------------------------------------------------------------------------
/src/taskbar-lyrics/TaskbarLyrics.cpp:
--------------------------------------------------------------------------------
 1 | #include "NetworkServer.hpp"
 2 | #include "CreateWindow.hpp"
 3 | #include "TaskbarLyrics.hpp"
 4 | 
 5 | 
 6 | 任务栏歌词类::任务栏歌词类(
 7 |     HINSTANCE   实例句柄,
 8 |     int         显示方法
 9 | ) {
10 |     this->获取端口();
11 | 
12 |     this->任务栏窗口 = new 任务栏窗口类(实例句柄, 显示方法);
13 |     this->网络服务器 = new 网络服务器类(this->任务栏窗口, this->端口);
14 | 
15 |     this->网易云进程检测();
16 | }
17 | 
18 | 
19 | 任务栏歌词类::~任务栏歌词类()
20 | {
21 |     FreeConsole();
22 |     static_cast<void>(UnregisterWaitEx(this->等待句柄, INVALID_HANDLE_VALUE));
23 | 
24 |     delete this->网络服务器;
25 |     this->网络服务器 = nullptr;
26 | 
27 |     delete this->任务栏窗口;
28 |     this->任务栏窗口 = nullptr;
29 | }
30 | 
31 | 
32 | void 任务栏歌词类::获取端口()
33 | {
34 |     int argCount;
35 |     LPWSTR* szArgList = CommandLineToArgvW(GetCommandLine(), &argCount);
36 | 
37 |     if (szArgList[1])
38 |     {
39 |         std::wstringstream 宽字符转换流;
40 |         宽字符转换流 << szArgList[1];
41 |         宽字符转换流 >> this->端口;
42 |     }
43 | 
44 |     LocalFree(szArgList);
45 | }
46 | 
47 | 
48 | void 任务栏歌词类::网易云进程检测()
49 | {
50 |     auto 关闭窗口 = [] (PVOID lpParameter, BOOLEAN TimerOrWaitFired)
51 |     {
52 |         UNREFERENCED_PARAMETER(TimerOrWaitFired);
53 |         任务栏歌词类* _this = static_cast<任务栏歌词类*>(lpParameter);
54 |         SendMessage(_this->任务栏窗口->窗口句柄, WM_CLOSE, NULL, NULL);
55 |     };
56 | 
57 |     HWND 网易云句柄 = FindWindow(L"OrpheusBrowserHost", NULL);
58 |     if (网易云句柄)
59 |     {
60 |         DWORD pid;
61 |         GetWindowThreadProcessId(网易云句柄, &pid);
62 |         HANDLE process = OpenProcess(PROCESS_ALL_ACCESS, FALSE, pid); 
63 |         RegisterWaitForSingleObject(&this->等待句柄, process, 关闭窗口, this, INFINITE, WT_EXECUTEONLYONCE);
64 |     }
65 | }
66 | 
67 | 
68 | int APIENTRY wWinMain(
69 |     _In_        HINSTANCE   实例句柄,
70 |     _In_opt_    HINSTANCE   前一个实例句柄,
71 |     _In_        LPWSTR      命令行,
72 |     _In_        int         显示方法
73 | ) {
74 |     UNREFERENCED_PARAMETER(前一个实例句柄);
75 |     UNREFERENCED_PARAMETER(命令行);
76 | 
77 |     #ifdef _DEBUG
78 |         AllocConsole();
79 |         SetConsoleOutputCP(65001);
80 |         FILE* stream;
81 |         freopen_s(&stream, "conout$", "w", stdout);
82 |     #endif
83 | 
84 |     任务栏歌词类 任务栏歌词(实例句柄, 显示方法);
85 | 
86 |     MSG msg;
87 |     while (GetMessage(&msg, NULL, 0, 0)) {
88 |         TranslateMessage(&msg);
89 |         DispatchMessage(&msg);
90 |     }
91 | 
92 |     return msg.wParam;
93 | }
94 | 


--------------------------------------------------------------------------------
/src/taskbar-lyrics/TaskbarLyrics.hpp:
--------------------------------------------------------------------------------
 1 | #pragma once
 2 | 
 3 | #include <windows.h>
 4 | #include <string>
 5 | #include <sstream>
 6 | 
 7 | 
 8 | class 任务栏歌词类
 9 | {
10 |     public:
11 |     任务栏歌词类(HINSTANCE, int);
12 |     ~任务栏歌词类();
13 | 
14 | 
15 |     private:
16 |     HANDLE 等待句柄;
17 |     unsigned short 端口 = 3798;
18 | 
19 | 
20 |     public:
21 |     网络服务器类* 网络服务器;
22 |     任务栏窗口类* 任务栏窗口;
23 | 
24 | 
25 |     private:
26 |     void 网易云进程检测();
27 |     void 获取端口();
28 | };
29 | 


--------------------------------------------------------------------------------
/taskbar-lyrics.vcxproj:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <Project DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
  3 |   <ItemGroup Label="ProjectConfigurations">
  4 |     <ProjectConfiguration Include="Debug|Win32">
  5 |       <Configuration>Debug</Configuration>
  6 |       <Platform>Win32</Platform>
  7 |     </ProjectConfiguration>
  8 |     <ProjectConfiguration Include="Release|Win32">
  9 |       <Configuration>Release</Configuration>
 10 |       <Platform>Win32</Platform>
 11 |     </ProjectConfiguration>
 12 |   </ItemGroup>
 13 |   <ItemGroup>
 14 |     <ClInclude Include="src\taskbar-lyrics\TaskbarLyrics.hpp" />
 15 |     <ClInclude Include="src\taskbar-lyrics\NetworkServer.hpp" />
 16 |     <ClInclude Include="src\taskbar-lyrics\CreateWindow.hpp" />
 17 |     <ClInclude Include="src\taskbar-lyrics\RenderWindow.hpp" />
 18 |     <ClCompile Include="src\taskbar-lyrics\TaskbarLyrics.cpp" />
 19 |     <ClCompile Include="src\taskbar-lyrics\NetworkServer.cpp" />
 20 |     <ClCompile Include="src\taskbar-lyrics\CreateWindow.cpp" />
 21 |     <ClCompile Include="src\taskbar-lyrics\RenderWindow.cpp" />
 22 |   </ItemGroup>
 23 |   <PropertyGroup Label="Globals">
 24 |     <VCProjectVersion>16.0</VCProjectVersion>
 25 |     <Keyword>Win32Proj</Keyword>
 26 |     <ProjectGuid>{2cd1b59b-4a33-4bb0-b33f-9d30756c742f}</ProjectGuid>
 27 |     <RootNamespace>taskbarlyrics</RootNamespace>
 28 |     <WindowsTargetPlatformVersion>10.0</WindowsTargetPlatformVersion>
 29 |   </PropertyGroup>
 30 |   <Import Project="$(VCTargetsPath)\Microsoft.Cpp.Default.props" />
 31 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|Win32'" Label="Configuration">
 32 |     <ConfigurationType>Application</ConfigurationType>
 33 |     <UseDebugLibraries>true</UseDebugLibraries>
 34 |     <PlatformToolset>v143</PlatformToolset>
 35 |     <CharacterSet>Unicode</CharacterSet>
 36 |   </PropertyGroup>
 37 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Release|Win32'" Label="Configuration">
 38 |     <ConfigurationType>Application</ConfigurationType>
 39 |     <UseDebugLibraries>false</UseDebugLibraries>
 40 |     <PlatformToolset>v143</PlatformToolset>
 41 |     <WholeProgramOptimization>true</WholeProgramOptimization>
 42 |     <CharacterSet>Unicode</CharacterSet>
 43 |   </PropertyGroup>
 44 |   <Import Project="$(VCTargetsPath)\Microsoft.Cpp.props" />
 45 |   <ImportGroup Label="ExtensionSettings">
 46 |   </ImportGroup>
 47 |   <ImportGroup Label="Shared">
 48 |   </ImportGroup>
 49 |   <ImportGroup Label="PropertySheets" Condition="'$(Configuration)|$(Platform)'=='Debug|Win32'">
 50 |     <Import Project="$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props" Condition="exists('$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props')" Label="LocalAppDataPlatform" />
 51 |   </ImportGroup>
 52 |   <ImportGroup Label="PropertySheets" Condition="'$(Configuration)|$(Platform)'=='Release|Win32'">
 53 |     <Import Project="$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props" Condition="exists('$(UserRootDir)\Microsoft.Cpp.$(Platform).user.props')" Label="LocalAppDataPlatform" />
 54 |   </ImportGroup>
 55 |   <PropertyGroup Label="UserMacros" />
 56 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Release|Win32'">
 57 |     <OutDir>$(SolutionDir)\dist\</OutDir>
 58 |     <IntDir>$(Configuration)\taskbar-lyrics\</IntDir>
 59 |   </PropertyGroup>
 60 |   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|Win32'">
 61 |     <OutDir>$(SolutionDir)\dist_debug\</OutDir>
 62 |     <IntDir>$(Configuration)\taskbar-lyrics\</IntDir>
 63 |   </PropertyGroup>
 64 |   <ItemDefinitionGroup Condition="'$(Configuration)|$(Platform)'=='Debug|Win32'">
 65 |     <ClCompile>
 66 |       <WarningLevel>Level3</WarningLevel>
 67 |       <SDLCheck>true</SDLCheck>
 68 |       <PreprocessorDefinitions>WIN32;_DEBUG;_WINDOWS;%(PreprocessorDefinitions)</PreprocessorDefinitions>
 69 |       <ConformanceMode>true</ConformanceMode>
 70 |     </ClCompile>
 71 |     <Link>
 72 |       <SubSystem>Windows</SubSystem>
 73 |       <GenerateDebugInformation>true</GenerateDebugInformation>
 74 |       <EntryPointSymbol>
 75 |       </EntryPointSymbol>
 76 |     </Link>
 77 |     <PostBuildEvent>
 78 |       <Command>
 79 |       </Command>
 80 |     </PostBuildEvent>
 81 |   </ItemDefinitionGroup>
 82 |   <ItemDefinitionGroup Condition="'$(Configuration)|$(Platform)'=='Release|Win32'">
 83 |     <ClCompile>
 84 |       <WarningLevel>Level3</WarningLevel>
 85 |       <FunctionLevelLinking>true</FunctionLevelLinking>
 86 |       <IntrinsicFunctions>true</IntrinsicFunctions>
 87 |       <SDLCheck>true</SDLCheck>
 88 |       <PreprocessorDefinitions>WIN32;NDEBUG;_WINDOWS;%(PreprocessorDefinitions)</PreprocessorDefinitions>
 89 |       <ConformanceMode>true</ConformanceMode>
 90 |       <Optimization>MinSpace</Optimization>
 91 |       <WholeProgramOptimization>true</WholeProgramOptimization>
 92 |       <FavorSizeOrSpeed>Size</FavorSizeOrSpeed>
 93 |       <LanguageStandard>stdcpp14</LanguageStandard>
 94 |     </ClCompile>
 95 |     <Link>
 96 |       <SubSystem>Windows</SubSystem>
 97 |       <EnableCOMDATFolding>true</EnableCOMDATFolding>
 98 |       <OptimizeReferences>true</OptimizeReferences>
 99 |       <GenerateDebugInformation>true</GenerateDebugInformation>
100 |     </Link>
101 |     <PostBuildEvent>
102 |       <Command>
103 |       </Command>
104 |     </PostBuildEvent>
105 |   </ItemDefinitionGroup>
106 |   <Import Project="$(VCTargetsPath)\Microsoft.Cpp.targets" />
107 |   <ImportGroup Label="ExtensionTargets">
108 |   </ImportGroup>
109 | </Project>


--------------------------------------------------------------------------------
/taskbar-lyrics.vcxproj.filters:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <Project ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
 3 |     <ItemGroup>
 4 |         <Filter Include="源文件">
 5 |             <UniqueIdentifier>{4FC737F1-C7A5-4376-A066-2A32D752A2FF}</UniqueIdentifier>
 6 |             <Extensions>cpp;c;cc;cxx;c++;cppm;ixx;def;odl;idl;hpj;bat;asm;asmx</Extensions>
 7 |         </Filter>
 8 |         <Filter Include="头文件">
 9 |             <UniqueIdentifier>{93995380-89BD-4b04-88EB-625FBE52EBFB}</UniqueIdentifier>
10 |             <Extensions>h;hh;hpp;hxx;h++;hm;inl;inc;ipp;xsd</Extensions>
11 |         </Filter>
12 |     </ItemGroup>
13 |     <ItemGroup>
14 |         <ClInclude Include="src\taskbar-lyrics\TaskbarLyrics.hpp">
15 |             <Filter>头文件</Filter>
16 |         </ClInclude>
17 |         <ClInclude Include="src\taskbar-lyrics\NetworkServer.hpp">
18 |             <Filter>头文件</Filter>
19 |         </ClInclude>
20 |         <ClInclude Include="src\taskbar-lyrics\CreateWindow.hpp">
21 |             <Filter>头文件</Filter>
22 |         </ClInclude>
23 |         <ClInclude Include="src\taskbar-lyrics\RenderWindow.hpp">
24 |             <Filter>头文件</Filter>
25 |         </ClInclude>
26 |         <ClCompile Include="src\taskbar-lyrics\TaskbarLyrics.cpp">
27 |             <Filter>源文件</Filter>
28 |         </ClCompile>
29 |         <ClCompile Include="src\taskbar-lyrics\NetworkServer.cpp">
30 |             <Filter>源文件</Filter>
31 |         </ClCompile>
32 |         <ClCompile Include="src\taskbar-lyrics\CreateWindow.cpp">
33 |             <Filter>源文件</Filter>
34 |         </ClCompile>
35 |         <ClCompile Include="src\taskbar-lyrics\RenderWindow.cpp">
36 |             <Filter>源文件</Filter>
37 |         </ClCompile>
38 |     </ItemGroup>
39 | </Project>


--------------------------------------------------------------------------------