Support music.163.com

website: https://music.163.com/st/webplayer

Author: mantou132

package.json

@@ -1,6 +1,6 @@
 {
   "name": "spotify-lyrics",
-  "version": "1.6.12",
+  "version": "1.6.13",
   "description": "Desktop Spotify Web Player Instant Synchronized Lyrics",
   "scripts": {
     "lint": "tsc --noEmit && eslint --ext .ts --fix src/",

public/_locales/en/messages.json

@@ -1,4 +1,8 @@
 {
+  "sponsorsText": {
+    "message": "If this extension is helpful to you, please support the author:"
+  },
+
   "extensionName": {
     "message": "SLyrics",
     "description": "Name of the extension"
@@ -29,12 +33,12 @@
     "description": "Request confirmation from the user"
   },
 
-  "popupConfirmSave" : {
+  "popupConfirmSave": {
     "message": "Save",
     "description": "Save user selection"
   },
 
-  "popupConfirmCancel" : {
+  "popupConfirmCancel": {
     "message": "Cancel",
     "description": "Cancel manually set lyrics"
   },
@@ -74,7 +78,6 @@
     "description": "Specify font size detail"
   },
 
-
   "optionsFontFamily": {
     "message": "Lyrics font family",
     "description": "Specify lyrics font family"
@@ -210,23 +213,22 @@
     "message": "Playback rate",
     "description": "Audio playback rate"
   },
-  
+
   "pageEditorOffset": {
     "message": "Global offset",
     "description": "Lyrics offset lable"
   },
-  
+
   "pageEditorOffsetDetail": {
     "message": "Offset 0.1s",
     "description": "Lyrics offset button title"
   },
-  
+
   "pageEditorClearAll": {
     "message": "Clear all",
     "description": "Cleaer all lyrics"
   },
 
-
   "pageEditorSeek": {
     "message": "Jump",
     "description": "Track seek tip"
@@ -276,4 +278,4 @@
     "message": "Please add a timestamp to each line of text",
     "description": "Save lyrics valid tip"
   }
-}
+}

public/_locales/zh/messages.json

@@ -1,4 +1,8 @@
 {
+  "sponsorsText": {
+    "message": "如果这个扩展对你有帮助，欢迎支持作者:"
+  },
+
   "extensionName": {
     "message": "SLyrics"
   },

public/manifest.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/extend-chrome/manifest-json-schema/main/schema/manifest.schema.json",
   "name": "__MSG_extensionName__",
-  "version": "1.6.12",
+  "version": "1.6.13",
   "manifest_version": 3,
   "description": "__MSG_extensionDescription__",
   "default_locale": "en",
@@ -13,6 +13,7 @@
   ],
   "host_permissions": [
     "*://open.spotify.com/*",
+    "*://music.163.com/*",
     "*://www.deezer.com/*",
     "*://music.youtube.com/*",
     "*://music.apple.com/*",
@@ -32,6 +33,7 @@
     {
       "matches": [
         "*://open.spotify.com/*",
+        "*://music.163.com/*",
         "*://www.deezer.com/*",
         "*://music.youtube.com/*",
         "*://music.apple.com/*",
@@ -43,6 +45,7 @@
     {
       "matches": [
         "*://open.spotify.com/*",
+        "*://music.163.com/*",
         "*://www.deezer.com/*",
         "*://music.youtube.com/*",
         "*://music.apple.com/*",

src/common/constants.ts

@@ -59,4 +59,4 @@ export interface Options {
   'strict-mode'?: SwitchValue;
 }
 
-export type Platform = 'SPOTIFY' | 'YOUTUBE' | 'DEEZER' | 'TIDAL' | 'APPLE';
+export type Platform = 'SPOTIFY' | 'YOUTUBE' | 'DEEZER' | 'TIDAL' | 'APPLE' | 'NETEASE';

src/options.html

@@ -1,2 +1,7 @@
 <title>Spotify Lyrics Options</title>
-<script type="module" src="./options/index.ts"></script>
+<script type="module" src="./options/index.ts"></script>
+<style>
+  body {
+    min-width: 620px;
+  }
+</style>

src/options/app.ts

@@ -20,6 +20,7 @@ import './elements/form';
 import './elements/form-item';
 import './elements/select';
 import './elements/switch';
+import './elements/sponsor';
 
 import { getOptions, updateOptions } from './store';
 
@@ -75,6 +76,7 @@ export class OptionsApp extends GemElement<State> {
     if (!options) return null;
 
     return html`
+      <ele-sponsor></ele-sponsor>
       <style>
         :host {
           display: block;

src/options/elements/form-item.ts

@@ -1,6 +1,8 @@
 import { customElement, attribute, boolattribute } from '@mantou/gem/lib/decorators';
 import { GemElement, html } from '@mantou/gem/lib/element';
 
+import { theme } from '../../common/theme';
+
 @customElement('ele-form-item')
 export class FormItem extends GemElement {
   @attribute label: string;
@@ -22,6 +24,9 @@ export class FormItem extends GemElement {
           pointer-events: none;
           opacity: 0.3;
         }
+        :host(:not(:disabled):hover) {
+          background: rgba(${theme.backgroundRGB}, 0.02);
+        }
         .text {
           display: flex;
           flex-direction: column;

src/options/elements/sponsor.ts

@@ -0,0 +1,32 @@
+import { GemElement, html } from '@mantou/gem/lib/element';
+import { customElement } from '@mantou/gem/lib/decorators';
+
+import { theme } from '../../common/theme';
+import { i18n } from '../../i18n';
+
+@customElement('ele-sponsor')
+export class Sponsor extends GemElement {
+  render() {
+    return html`
+      <style>
+        :host {
+          display: flex;
+          gap: 1em;
+          color: rgb(${theme.blackRGB});
+          font-size: 1.2em;
+          margin-block: 0.5em;
+        }
+        a {
+          color: rgb(${theme.primaryRGB});
+        }
+      </style>
+      ${i18n.sponsorsText()}
+      <a href="https://github.com/sponsors/mantou132" target="_blank" rel="noopener noreferrer">
+        GitHub Sponsors
+      </a>
+      <a href="https://www.buymeacoffee.com/mantou132" target="_blank" rel="noopener noreferrer">
+        Buy Me a Coffee
+      </a>
+    `;
+  }
+}

src/page/config.json

@@ -15,6 +15,20 @@
   "OTHER_DEVICE": "[data-testid=now-playing-bar] > div + div",
   "OTHER_DEVICE_TOTAL": "[data-testid=playback-duration]",
   "OTHER_DEVICE_CURRENT": "[data-testid=playback-position]",
+  "NETEASE": {
+    "LOGGED_MARK_SELECTOR": "#page_pc_main_nav [class^=Name_]",
+    "LYRICS_CONTAINER_SELECTOR": "#contentContainer",
+    "PAGE_PIP_STYLE": "position: sticky; width: 100%; height: auto; bottom: 80px; object-fit: cover;",
+    "ALBUM_COVER_SELECTOR": ".miniVinylWrapper img",
+    "ALBUM_COVER_LARGE_REGEXP_REPLACE": ["(?<=thumbnail=)44y44", "640y640"],
+    "TRACK_INFO_SELECTOR": "footer [class*=songPlayInfo_] .info-wrapper",
+    "TRACK_NAME_SELECTOR": "footer [class*=songPlayInfo_] .info-wrapper .title > span:first-child",
+    "TRACK_ARTIST_SELECTOR": "footer [class*=songPlayInfo_] .info-wrapper .title > span:last-child",
+    "BTN_WRAPPER_SELECTOR": "footer [class*=songPlayInfo_] .info-wrapper + div",
+    "BTN_LIKE_SELECTOR": "footer [class*=songPlayInfo_] .info-wrapper + div > button",
+    "PIP_BTN_SELECTOR": "NONE",
+    "AUDIO_SELECTOR": "NONE"
+  },
   "YOUTUBE": {
     "LOGGED_MARK_SELECTOR": "ytmusic-settings-button",
     "LYRICS_CONTAINER_SELECTOR": "ytmusic-player",