src/components/Player.vue

@@ -119,8 +119,12 @@ export default {
 
   methods: {
     play() {
-      if (this.audio.paused) {
       this.audio.play();
+    },
+
+    pause() {
+      if (!this.audio.paused) {
+        this.audio.pause();
       }
     },
     durationChanged() {
@@ -244,10 +248,10 @@ export default {
       if ("mediaSession" in navigator) {
         let me = this;
         navigator.mediaSession.setActionHandler("play", function () {
-          me.togglePlaying();
+          me.play();
         });
         navigator.mediaSession.setActionHandler("pause", function () {
-          me.togglePlaying();
+          me.pause();
         });
         navigator.mediaSession.setActionHandler("seekto", function (details) {
           if (details.fastSeek && "fastSeek" in me.audio) {