From bcc1b1e72e2875c60fb32dcf110fb2cd098162c9 Mon Sep 17 00:00:00 2001
From: Vidocq <949867756@qq.com>
Date: Fri, 19 Feb 2021 21:40:43 +0800
Subject: [PATCH 1/6] add search in playlist

---
 src/views/playlist.vue | 111 +++++++++++++++++++++++++++++++----------
 1 file changed, 85 insertions(+), 26 deletions(-)

diff --git a/src/views/playlist.vue b/src/views/playlist.vue
index 611cd5e..1d854a3 100644
--- a/src/views/playlist.vue
+++ b/src/views/playlist.vue
@@ -135,8 +135,22 @@
       </h1>
     </div>
 
+    <div class="search-box">
+      <div class="container" :class="{ active: inputFocus }">
+        <svg-icon icon-class="search" />
+        <div class="input">
+          <input
+            v-model="playlistKeyword"
+            :placeholder="inputFocus ? '' : 'Search in paylist'"
+            @focus="inputFocus = true"
+            @blur="inputFocus = false"
+          />
+        </div>
+      </div>
+    </div>
+
     <TrackList
-      :tracks="tracks"
+      :tracks="filteredTracks"
       :type="'playlist'"
       :id="playlist.id"
       :extraContextMenuItem="
@@ -302,6 +316,8 @@ export default {
       tracks: [],
       loadingMore: false,
       lastLoadedTrackIndex: 9,
+      playlistKeyword: "",
+      inputFocus: false,
     };
   },
   created() {
@@ -328,6 +344,13 @@ export default {
         this.playlist.id !== this.data.likedSongPlaylistID
       );
     },
+    filteredTracks() {
+      return this.tracks.filter(song =>
+          song.name.toLowerCase().includes(this.playlistKeyword.toLowerCase()) ||
+          song.al.name.toLowerCase().includes(this.playlistKeyword.toLowerCase()) ||
+          song.ar.find(artist => artist.name.toLowerCase().includes(this.playlistKeyword.toLowerCase()))
+      );
+    },
   },
   methods: {
     ...mapMutations(["appendTrackToPlayerList"]),
@@ -374,6 +397,7 @@ export default {
           this.lastLoadedTrackIndex = data.playlist.tracks.length - 1;
           if (this.playlist.trackCount > this.tracks.length) {
             window.addEventListener("scroll", this.handleScroll, true);
+            window.addEventListener("input", this.handleSearch, this.playlistKeyword);
           }
           return data;
         })
@@ -384,11 +408,11 @@ export default {
           }
         });
     },
-    loadMore() {
+    loadMore(loadNum = 50) {
       let trackIDs = this.playlist.trackIds.filter((t, index) => {
         if (
           index > this.lastLoadedTrackIndex &&
-          index <= this.lastLoadedTrackIndex + 50
+          index <= this.lastLoadedTrackIndex + loadNum
         )
           return t;
       });
@@ -415,6 +439,15 @@ export default {
         this.loadMore();
       }
     },
+    handleSearch() {
+      if (
+        this.lastLoadedTrackIndex + 1 === this.playlist.trackIds.length ||
+        this.loadingMore
+      )
+        return;
+      this.loadingMore = true;
+      this.loadMore(this.playlist.trackIds.length - this.lastLoadedTrackIndex);
+    },
     openMenu(e) {
       this.$refs.playlistMenu.openMenu(e);
     },
@@ -452,7 +485,7 @@ export default {
 <style lang="scss" scoped>
 .playlist-info {
   display: flex;
-  margin-bottom: 72px;
+  margin-bottom: 40px;
   padding: var(--main-content-padding);
   .info {
     display: flex;
@@ -512,28 +545,6 @@ export default {
   }
 }
 
-@media (max-width: 600px) {
-  .playlist-info {
-    width: calc(100vw - 2 * var(--main-content-padding-x));
-    display: block;
-
-    .cover {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-
-    .info {
-      margin-top: 24px;
-      margin-left: 0;
-
-      .title {
-        font-size: 48px;
-      }
-    }
-  }
-}
-
 .special-playlist {
   margin-top: 192px;
   margin-bottom: 128px;
@@ -602,6 +613,54 @@ export default {
   }
 }
 
+.search-box {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 10px;
+  -webkit-app-region: no-drag;
+  padding: var(--main-content-padding);
+
+  .container {
+    display: flex;
+    align-items: center;
+    height: 32px;
+    background: var(--color-secondary-bg-for-transparent);
+    border-radius: 8px;
+    width: 200px;
+  }
+
+  .svg-icon {
+    height: 15px;
+    width: 15px;
+    color: var(--color-text);
+    opacity: 0.28;
+    margin: {
+      left: 8px;
+      right: 4px;
+      bottom: 4px;
+    }
+  }
+
+  input {
+    font-size: 16px;
+    border: none;
+    background: transparent;
+    width: 96%;
+    font-weight: 600;
+    margin-top: -1px;
+    color: var(--color-text);
+  }
+
+  .active {
+    background: var(--color-primary-bg-for-transparent);
+    input,
+    .svg-icon {
+      opacity: 1;
+      color: var(--color-primary);
+    }
+  }
+}
+
 .gradient-test {
   background-image: linear-gradient(to left, #92fe9d 0%, #00c9ff 100%);
 }

From 8a30558ac1ab04fc01214211f62dd3ad674fe748 Mon Sep 17 00:00:00 2001
From: Vidocq <949867756@qq.com>
Date: Wed, 24 Feb 2021 03:07:34 +0800
Subject: [PATCH 2/6] add output device switching

---
 src/electron/tray.js          | 79 +++++++++++++++++------------------
 src/locale/lang/en.js         |  1 +
 src/locale/lang/zh-CN.js      |  1 +
 src/store/initLocalStorage.js |  1 +
 src/store/mutations.js        |  3 ++
 src/utils/Player.js           | 20 ++++++++-
 src/views/settings.vue        | 31 ++++++++++++++
 7 files changed, 95 insertions(+), 41 deletions(-)

diff --git a/src/electron/tray.js b/src/electron/tray.js
index 3ae3436..02dec6e 100644
--- a/src/electron/tray.js
+++ b/src/electron/tray.js
@@ -21,51 +21,50 @@ export function createTray(win) {
   tray.on("right-click", () => {
     const contextMenu = Menu.buildFromTemplate([
       {
-          label: "播放/暂停",
-          icon:  "src/assets/icons/play.png",
-          click: () => {
-            win.webContents.send("play");
-          },
+        label: "播放/暂停",
+        icon:  "src/assets/icons/play.png",
+        click: () => {
+          win.webContents.send("play");
         },
-        {
-          label: "上一首",
-          icon:  "src/assets/icons/left.png",
-          accelerator: "CmdOrCtrl+Left",
-          click: () => {
-            win.webContents.send("previous");
-          },
+      },
+      {
+        label: "上一首",
+        icon:  "src/assets/icons/left.png",
+        accelerator: "CmdOrCtrl+Left",
+        click: () => {
+          win.webContents.send("previous");
         },
-        {
-          label: "下一首",
-          icon:  "src/assets/icons/right.png",
-          accelerator: "CmdOrCtrl+Right",
-          click: () => {
-            win.webContents.send("next");
-          },
+      },
+      {
+        label: "下一首",
+        icon:  "src/assets/icons/right.png",
+        accelerator: "CmdOrCtrl+Right",
+        click: () => {
+          win.webContents.send("next");
         },
-        {
-          label: "循环播放",
-          icon:  "src/assets/icons/repeat.png",
-          accelerator: "Alt+R",
-          click: () => {
-            win.webContents.send("repeat");
-          },
+      },
+      {
+        label: "循环播放",
+        icon:  "src/assets/icons/repeat.png",
+        accelerator: "Alt+R",
+        click: () => {
+          win.webContents.send("repeat");
         },
-        {
-          label: "加入喜欢",
-          icon:  "src/assets/icons/like.png",
-          accelerator: "CmdOrCtrl+L",
-          click: () => {
-            win.webContents.send("like");
-          },
+      },
+      {
+        label: "加入喜欢",
+        icon:  "src/assets/icons/like.png",
+        accelerator: "CmdOrCtrl+L",
+        click: () => {
+          win.webContents.send("like");
         },
-        {
-          label: "退出",
-          icon:  "src/assets/icons/exit.png",
-          accelerator: "CmdOrCtrl+W",
-          click: () => {
-            app.exit();
-          },
+      },
+      {
+        label: "退出",
+        icon:  "src/assets/icons/exit.png",
+        accelerator: "CmdOrCtrl+W",
+        click: () => {
+          app.exit();
         },
       },
     ]);
diff --git a/src/locale/lang/en.js b/src/locale/lang/en.js
index 379e693..f3052fe 100644
--- a/src/locale/lang/en.js
+++ b/src/locale/lang/en.js
@@ -117,6 +117,7 @@ export default {
       high: "High",
       lossless: "Lossless",
     },
+    deviceSelector: "Output Device",
     appearance: {
       text: "Appearance",
       auto: "Auto",
diff --git a/src/locale/lang/zh-CN.js b/src/locale/lang/zh-CN.js
index 0d00f68..121e162 100644
--- a/src/locale/lang/zh-CN.js
+++ b/src/locale/lang/zh-CN.js
@@ -118,6 +118,7 @@ export default {
       high: "极高",
       lossless: "无损",
     },
+    deviceSelector: "音频输出设备",
     appearance: {
       text: "外观",
       auto: "自动",
diff --git a/src/store/initLocalStorage.js b/src/store/initLocalStorage.js
index e08997e..3802ed3 100644
--- a/src/store/initLocalStorage.js
+++ b/src/store/initLocalStorage.js
@@ -7,6 +7,7 @@ let localStorage = {
     lang: null,
     appearance: "auto",
     musicQuality: 320000,
+    outputDevice: "default",
     showGithubIcon: true,
     showPlaylistsByAppleMusic: true,
     showUnavailableSongInGreyStyle: true,
diff --git a/src/store/mutations.js b/src/store/mutations.js
index 66a66af..c166d12 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -9,6 +9,9 @@ export default {
   changeMusicQuality(state, value) {
     state.settings.musicQuality = value;
   },
+  changeOutputDevice(state, deviceId) {
+    state.settings.outputDevice = deviceId;
+  },
   updateSettings(state, { key, value }) {
     state.settings[key] = value;
   },
diff --git a/src/utils/Player.js b/src/utils/Player.js
index 9bf98df..db594cf 100644
--- a/src/utils/Player.js
+++ b/src/utils/Player.js
@@ -102,6 +102,8 @@ export default class {
 
   _init() {
     Howler.autoUnlock = false;
+    Howler.usingWebAudio = true;
+    Howler.masterGain = true;
     this._loadSelfFromLocalStorage();
     this._replaceCurrentTrack(this._currentTrack.id, false).then(() => {
       this._howler.seek(localStorage.getItem("playerCurrentTrackTime") ?? 0);
@@ -150,11 +152,27 @@ export default class {
       time,
     });
   }
+  _setupAudioNode() {
+    Howler.masterGain.disconnect();
+    const mediaStreamNode = Howler.ctx.createMediaStreamDestination();
+    Howler.masterGain.connect(mediaStreamNode);
+    let audio = '';
+    if (document.querySelector('audio') !== null) {
+      audio = document.querySelector('audio');
+    } else {
+      audio = document.createElement('audio');
+      document.body.append(audio);
+    }
+    audio.autoplay = true;
+    audio.srcObject = mediaStreamNode.stream;
+    audio.setSinkId(store.state.settings.outputDevice);
+  }
   _playAudioSource(source, autoplay = true) {
     Howler.unload();
+    this._setupAudioNode();
     this._howler = new Howl({
       src: [source],
-      html5: true,
+      html5: false,
       format: ["mp3", "flac"],
     });
     if (autoplay) {
diff --git a/src/views/settings.vue b/src/views/settings.vue
index 6432ea2..2084dcd 100644
--- a/src/views/settings.vue
+++ b/src/views/settings.vue
@@ -74,6 +74,18 @@
           </select>
         </div>
       </div>
+      <div class="item">
+        <div class="left">
+          <div class="title"> {{ $t("settings.deviceSelector") }} </div>
+        </div>
+        <div class="right">
+          <select v-model="outputDevice">
+            <option v-for="device in allOutputDevices" :key="device.deviceId" :value="device.deviceId" :selected="device.deviceId == outputDevice">
+              {{ device.label }}
+            </option>
+          </select>
+        </div>
+      </div>
       <div class="item">
         <div class="left">
           <div class="title">
@@ -227,6 +239,7 @@ export default {
         size: "0KB",
         length: 0,
       },
+      allOutputDevices: [],
     };
   },
   computed: {
@@ -270,6 +283,19 @@ export default {
         this.clearCache("tracks");
       },
     },
+    outputDevice: {
+      get() {
+        if (this.allOutputDevices.length == 0) this.getAllOutputDevices(); // Ensure devices loaded before get
+        const isValidDevice = this.allOutputDevices.find(device => device.deviceId === this.settings.outputDevice);
+        if (this.settings.outputDevice === undefined || isValidDevice === undefined) return "default"; // Default deviceId
+        return this.settings.outputDevice;
+      },
+      set(deviceId) {
+        if (deviceId === this.settings.outputDevice || deviceId === undefined) return;
+        this.$store.commit("changeOutputDevice", deviceId);
+        document.querySelector("audio").setSinkId(deviceId); // Change output device
+      },
+    },
     showGithubIcon: {
       get() {
         if (this.settings.showGithubIcon === undefined) return true;
@@ -356,6 +382,11 @@ export default {
     },
   },
   methods: {
+    getAllOutputDevices() {
+      return navigator.mediaDevices.enumerateDevices().then(
+        devices => this.allOutputDevices = devices.filter(device => device.kind == "audiooutput")
+      );
+    },
     logout() {
       doLogout();
       this.$router.push({ name: "home" });

From 5223089dc70369ed821f48e04dbf2c2745d6a4a6 Mon Sep 17 00:00:00 2001
From: Vidocq <949867756@qq.com>
Date: Wed, 24 Feb 2021 03:14:29 +0800
Subject: [PATCH 3/6] add output device switching

---
 src/utils/Player.js    |  8 ++++----
 src/views/playlist.vue | 23 ++++++++++++++++++-----
 src/views/settings.vue | 31 ++++++++++++++++++++++++-------
 3 files changed, 46 insertions(+), 16 deletions(-)

diff --git a/src/utils/Player.js b/src/utils/Player.js
index db594cf..d7f44ba 100644
--- a/src/utils/Player.js
+++ b/src/utils/Player.js
@@ -156,11 +156,11 @@ export default class {
     Howler.masterGain.disconnect();
     const mediaStreamNode = Howler.ctx.createMediaStreamDestination();
     Howler.masterGain.connect(mediaStreamNode);
-    let audio = '';
-    if (document.querySelector('audio') !== null) {
-      audio = document.querySelector('audio');
+    let audio = "";
+    if (document.querySelector("audio") !== null) {
+      audio = document.querySelector("audio");
     } else {
-      audio = document.createElement('audio');
+      audio = document.createElement("audio");
       document.body.append(audio);
     }
     audio.autoplay = true;
diff --git a/src/views/playlist.vue b/src/views/playlist.vue
index 5f678e3..b19a11f 100644
--- a/src/views/playlist.vue
+++ b/src/views/playlist.vue
@@ -345,10 +345,19 @@ export default {
       );
     },
     filteredTracks() {
-      return this.tracks.filter(song =>
-          song.name.toLowerCase().includes(this.playlistKeyword.toLowerCase()) ||
-          song.al.name.toLowerCase().includes(this.playlistKeyword.toLowerCase()) ||
-          song.ar.find(artist => artist.name.toLowerCase().includes(this.playlistKeyword.toLowerCase()))
+      return this.tracks.filter(
+        (song) =>
+          song.name
+            .toLowerCase()
+            .includes(this.playlistKeyword.toLowerCase()) ||
+          song.al.name
+            .toLowerCase()
+            .includes(this.playlistKeyword.toLowerCase()) ||
+          song.ar.find((artist) =>
+            artist.name
+              .toLowerCase()
+              .includes(this.playlistKeyword.toLowerCase())
+          )
       );
     },
   },
@@ -397,7 +406,11 @@ export default {
           this.lastLoadedTrackIndex = data.playlist.tracks.length - 1;
           if (this.playlist.trackCount > this.tracks.length) {
             window.addEventListener("scroll", this.handleScroll, true);
-            window.addEventListener("input", this.handleSearch, this.playlistKeyword);
+            window.addEventListener(
+              "input",
+              this.handleSearch,
+              this.playlistKeyword
+            );
           }
           return data;
         })
diff --git a/src/views/settings.vue b/src/views/settings.vue
index 2084dcd..2a76737 100644
--- a/src/views/settings.vue
+++ b/src/views/settings.vue
@@ -80,7 +80,12 @@
         </div>
         <div class="right">
           <select v-model="outputDevice">
-            <option v-for="device in allOutputDevices" :key="device.deviceId" :value="device.deviceId" :selected="device.deviceId == outputDevice">
+            <option
+              v-for="device in allOutputDevices"
+              :key="device.deviceId"
+              :value="device.deviceId"
+              :selected="device.deviceId == outputDevice"
+            >
               {{ device.label }}
             </option>
           </select>
@@ -286,12 +291,19 @@ export default {
     outputDevice: {
       get() {
         if (this.allOutputDevices.length == 0) this.getAllOutputDevices(); // Ensure devices loaded before get
-        const isValidDevice = this.allOutputDevices.find(device => device.deviceId === this.settings.outputDevice);
-        if (this.settings.outputDevice === undefined || isValidDevice === undefined) return "default"; // Default deviceId
+        const isValidDevice = this.allOutputDevices.find(
+          (device) => device.deviceId === this.settings.outputDevice
+        );
+        if (
+          this.settings.outputDevice === undefined ||
+          isValidDevice === undefined
+        )
+          return "default"; // Default deviceId
         return this.settings.outputDevice;
       },
       set(deviceId) {
-        if (deviceId === this.settings.outputDevice || deviceId === undefined) return;
+        if (deviceId === this.settings.outputDevice || deviceId === undefined)
+          return;
         this.$store.commit("changeOutputDevice", deviceId);
         document.querySelector("audio").setSinkId(deviceId); // Change output device
       },
@@ -383,9 +395,14 @@ export default {
   },
   methods: {
     getAllOutputDevices() {
-      return navigator.mediaDevices.enumerateDevices().then(
-        devices => this.allOutputDevices = devices.filter(device => device.kind == "audiooutput")
-      );
+      return navigator.mediaDevices
+        .enumerateDevices()
+        .then(
+          (devices) =>
+            (this.allOutputDevices = devices.filter(
+              (device) => device.kind == "audiooutput"
+            ))
+        );
     },
     logout() {
       doLogout();

From bccf52d34ad5cbb7fee739257739dff6300cb9d3 Mon Sep 17 00:00:00 2001
From: Vidocq <949867756@qq.com>
Date: Wed, 24 Feb 2021 03:25:44 +0800
Subject: [PATCH 4/6] Fix css and syntax

---
 src/views/playlist.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/views/playlist.vue b/src/views/playlist.vue
index b19a11f..9df939b 100644
--- a/src/views/playlist.vue
+++ b/src/views/playlist.vue
@@ -558,6 +558,25 @@ export default {
   }
 }
 
+@media (max-width: 600px) {
+  .playlist-info {
+    width: calc(100vw - 2 * var(--main-content-padding-x));
+    display: block;
+    .cover {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .info {
+      margin-top: 24px;
+      margin-left: 0;
+      .title {
+        font-size: 48px;
+      }
+    }
+  }
+}
+
 .special-playlist {
   margin-top: 192px;
   margin-bottom: 128px;

From 7e33afa94d5169997f39f36e80fa9c029e654a05 Mon Sep 17 00:00:00 2001
From: Vidocq <949867756@qq.com>
Date: Fri, 26 Feb 2021 00:00:12 +0800
Subject: [PATCH 5/6] fix media session

---
 src/locale/lang/en.js  |  2 +-
 src/utils/Player.js    | 36 +++++++++++++++++++-----------------
 src/views/settings.vue |  4 ++--
 3 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/src/locale/lang/en.js b/src/locale/lang/en.js
index f3052fe..d53ac46 100644
--- a/src/locale/lang/en.js
+++ b/src/locale/lang/en.js
@@ -117,7 +117,7 @@ export default {
       high: "High",
       lossless: "Lossless",
     },
-    deviceSelector: "Output Device",
+    deviceSelector: "Audio Output Device",
     appearance: {
       text: "Appearance",
       auto: "Auto",
diff --git a/src/utils/Player.js b/src/utils/Player.js
index db594cf..b4c80d3 100644
--- a/src/utils/Player.js
+++ b/src/utils/Player.js
@@ -152,33 +152,19 @@ export default class {
       time,
     });
   }
-  _setupAudioNode() {
-    Howler.masterGain.disconnect();
-    const mediaStreamNode = Howler.ctx.createMediaStreamDestination();
-    Howler.masterGain.connect(mediaStreamNode);
-    let audio = '';
-    if (document.querySelector('audio') !== null) {
-      audio = document.querySelector('audio');
-    } else {
-      audio = document.createElement('audio');
-      document.body.append(audio);
-    }
-    audio.autoplay = true;
-    audio.srcObject = mediaStreamNode.stream;
-    audio.setSinkId(store.state.settings.outputDevice);
-  }
   _playAudioSource(source, autoplay = true) {
     Howler.unload();
-    this._setupAudioNode();
     this._howler = new Howl({
       src: [source],
-      html5: false,
+      html5: true,
       format: ["mp3", "flac"],
     });
     if (autoplay) {
       this.play();
       document.title = `${this._currentTrack.name} · ${this._currentTrack.ar[0].name} - YesPlayMusic`;
     }
+    this.setOutputDevice();
+    // this._updatePositionState();
     this._howler.once("end", () => {
       this._nextTrackCallback();
     });
@@ -272,6 +258,9 @@ export default class {
       navigator.mediaSession.setActionHandler("stop", () => {
         this.pause();
       });
+      navigator.mediaSession.setActionHandler("seekto", (event) => {
+        this.seek(event.seekTime);
+      });
     }
   }
   _updateMediaSessionMetaData(track) {
@@ -292,6 +281,15 @@ export default class {
       ],
     });
   }
+  // _updatePositionState() {
+  //   if ('setPositionState' in navigator.mediaSession) {
+  //     navigator.mediaSession.setPositionState({
+  //       duration: this._currentTrack.dt / 1000,
+  //       playbackRate: 1,
+  //       position: this.seek(),
+  //     })
+  //   }
+  // }
   _nextTrackCallback() {
     this._scrobble(true);
     if (this.repeatMode === "one") {
@@ -358,6 +356,10 @@ export default class {
       this.volume = 0;
     }
   }
+  setOutputDevice() {
+    if (this._howler._sounds.length <= 0) return;
+    this._howler._sounds[0]._node.setSinkId(store.state.settings.outputDevice);
+  }
 
   replacePlaylist(
     trackIDs,
diff --git a/src/views/settings.vue b/src/views/settings.vue
index 2084dcd..d776fa8 100644
--- a/src/views/settings.vue
+++ b/src/views/settings.vue
@@ -243,7 +243,7 @@ export default {
     };
   },
   computed: {
-    ...mapState(["settings", "data"]),
+    ...mapState(["player", "settings", "data"]),
     isElectron() {
       return process.env.IS_ELECTRON;
     },
@@ -293,7 +293,7 @@ export default {
       set(deviceId) {
         if (deviceId === this.settings.outputDevice || deviceId === undefined) return;
         this.$store.commit("changeOutputDevice", deviceId);
-        document.querySelector("audio").setSinkId(deviceId); // Change output device
+        this.player.setOutputDevice();
       },
     },
     showGithubIcon: {

From 498fcf74028815181a501138b5c250fc94ff6952 Mon Sep 17 00:00:00 2001
From: Vidocq <949867756@qq.com>
Date: Fri, 26 Feb 2021 02:18:18 +0800
Subject: [PATCH 6/6] delete useless code

---
 src/utils/Player.js | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/utils/Player.js b/src/utils/Player.js
index b4c80d3..b3ca6a1 100644
--- a/src/utils/Player.js
+++ b/src/utils/Player.js
@@ -164,7 +164,6 @@ export default class {
       document.title = `${this._currentTrack.name} · ${this._currentTrack.ar[0].name} - YesPlayMusic`;
     }
     this.setOutputDevice();
-    // this._updatePositionState();
     this._howler.once("end", () => {
       this._nextTrackCallback();
     });
@@ -281,15 +280,6 @@ export default class {
       ],
     });
   }
-  // _updatePositionState() {
-  //   if ('setPositionState' in navigator.mediaSession) {
-  //     navigator.mediaSession.setPositionState({
-  //       duration: this._currentTrack.dt / 1000,
-  //       playbackRate: 1,
-  //       position: this.seek(),
-  //     })
-  //   }
-  // }
   _nextTrackCallback() {
     this._scrobble(true);
     if (this.repeatMode === "one") {