From 427806b0d78442c601e4dacfbefc3dc88211e98f Mon Sep 17 00:00:00 2001
From: Shi Liang <shilianggoo@gmail.com>
Date: Mon, 24 May 2021 12:17:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BD=93=E9=83=A8=E7=BD=B2=E5=88=B0?=
 =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E5=99=A8=E4=B8=8A=E6=97=B6=EF=BC=8C=E4=B8=8D?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=A1=8C=E9=9D=A2=E6=AD=8C=E8=AF=8D=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E5=9B=BE=E6=A0=87=20(#689)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add OSD Lyrics

* tidy files

* fix OSDLyrics: last line of lyrics not showing, performance

* tidy files

* make user can resize the lyrics window

* Fix bug of initial window size

* Fix: 1. auto resize osdlyrics window after packaging; 2. lyric parser problem with %;

* tidy files

* hide osdlyrics button if not in electron

* tidy files
---
 public/osdlyrics.html     | 3 ++-
 src/components/Player.vue | 7 ++-----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/public/osdlyrics.html b/public/osdlyrics.html
index f45c577..deba7ce 100644
--- a/public/osdlyrics.html
+++ b/public/osdlyrics.html
@@ -14,6 +14,7 @@
             padding: 0px;
             -webkit-user-select: none;
             -webkit-app-region: drag;
+            background: rgba(0, 0, 0, 0.000);
         }
 
         div {
@@ -25,7 +26,7 @@
     </style>
     <title>OSD Lyrics</title>
     <script>
-        const electron = process && process.versions && process.versions.hasOwnProperty('electron') ? window.require('electron') : null;
+        const electron = (typeof navigator === 'object' && typeof navigator.userAgent === 'string' && navigator.userAgent.indexOf('Electron') >= 0) ? window.require('electron') : null;
         const ipcRenderer = electron ? electron.ipcRenderer : null;
         const player_api = window.location.origin + "/player";
         const lyrics_api = window.location.origin + "/api/lyric?id=";
diff --git a/src/components/Player.vue b/src/components/Player.vue
index 3241bfa..ffe64f9 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -96,11 +96,8 @@
         <div class="blank"></div>
         <div class="container" @click.stop>
           <button-icon
+            v-if="osdState"
             :title="$t('player.osdlyrics')"
-            :class="{
-              active: osdState,
-              disabled: !osdState,
-            }"
             @click.native="toggleOSDLyrics"
             ><svg-icon icon-class="osd-lyrics"
           /></button-icon>
@@ -215,7 +212,7 @@ export default {
         : '';
     },
     osdState() {
-      return true; //this.$store.osdlyrics.show || false;
+      return Boolean(ipcRenderer);
     },
   },
   methods: {