From c89b8a9f803ca53a4f63c1ff5c07e895c63455fe Mon Sep 17 00:00:00 2001
From: R0nd <rond00001@gmail.com>
Date: Sat, 3 Oct 2020 22:03:22 +0300
Subject: [PATCH 1/5] Added MediaSession support (notification controls on
 mobile)

---
 js/webui/src/5-seconds-of-silence.mp3   | Bin 0 -> 41239 bytes
 js/webui/src/index.html                 |   9 ++-
 js/webui/src/index.js                   |  85 ++++++++++++------------
 js/webui/src/mediasession_controller.js |  78 ++++++++++++++++++++++
 js/webui/webpack.config.js              |   2 +-
 5 files changed, 129 insertions(+), 45 deletions(-)
 create mode 100644 js/webui/src/5-seconds-of-silence.mp3
 create mode 100644 js/webui/src/mediasession_controller.js

diff --git a/js/webui/src/5-seconds-of-silence.mp3 b/js/webui/src/5-seconds-of-silence.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..866abc7eef8a62ffda9e3171af1b2fb35e891504
GIT binary patch
literal 41239
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
WZQNaW_nfwK^7x-$`EUG*@;?B9P27(F

literal 0
HcmV?d00001

diff --git a/js/webui/src/index.html b/js/webui/src/index.html
index 1a4adb52..aaddd9e0 100644
--- a/js/webui/src/index.html
+++ b/js/webui/src/index.html
@@ -5,10 +5,13 @@
   <meta name="viewport" content="width=device-width, user-scalable=no">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="mobile-web-app-capable" content="yes">
-  <title>Loading...</title>
+    <title>Loading...</title>
 </head>
 <body>
-  <div id="app-container"></div>
-  <div id="notification-container"></div>
+    <div id="app-container"></div>
+    <div id="notification-container"></div>
 </body>
+<audio id="silence" loop>
+  <source src="/5-seconds-of-silence.mp3" type="audio/mp3" />
+</audio>
 </html>
diff --git a/js/webui/src/index.js b/js/webui/src/index.js
index 899651f6..600dabc6 100644
--- a/js/webui/src/index.js
+++ b/js/webui/src/index.js
@@ -15,18 +15,19 @@ import urls, { getPathFromUrl } from './urls'
 import { playlistTableKey } from './playlist_content';
 import { PlaybackState } from 'beefweb-client/src';
 import { SettingsView, View } from './navigation_model';
+import MediaSessionController from './mediasession_controller';
 
 const client = new PlayerClient(new RequestHandler());
 const settingsStore = new SettingsStore();
 const appModel = new AppModel(client, settingsStore);
 
 const {
-    playerModel,
-    playlistModel,
-    fileBrowserModel,
-    settingsModel,
-    scrollManager,
-    navigationModel,
+  playerModel,
+  playlistModel,
+  fileBrowserModel,
+  settingsModel,
+  scrollManager,
+  navigationModel,
 } = appModel;
 
 const mediaSizeController = new MediaSizeController(settingsModel);
@@ -34,88 +35,89 @@ const touchModeController = new TouchModeController(settingsModel);
 const cssSettingsController = new CssSettingsController(settingsModel);
 const windowController = new WindowController(playerModel);
 const router = new Navigo(null, true);
+const mediaSessionController = new MediaSessionController(client, playerModel);
 
 router.on({
     '/': () => {
-        router.navigate(urls.viewCurrentPlaylist);
-    },
+    router.navigate(urls.viewCurrentPlaylist);
+  },
 
     '/playlists': () => {
-        if (playlistModel.currentPlaylistId)
-            router.navigate(urls.viewPlaylist(playlistModel.currentPlaylistId));
+    if (playlistModel.currentPlaylistId)
+      router.navigate(urls.viewPlaylist(playlistModel.currentPlaylistId));
         else
             navigationModel.setView(View.playlist);
-    },
+  },
 
     '/playlists/:id': params => {
-        playlistModel.setCurrentPlaylistId(params.id);
-        navigationModel.setView(View.playlist);
-    },
+    playlistModel.setCurrentPlaylistId(params.id);
+    navigationModel.setView(View.playlist);
+  },
 
     '/files': () => {
-        router.navigate(urls.browsePath(fileBrowserModel.currentPath));
-    },
+    router.navigate(urls.browsePath(fileBrowserModel.currentPath));
+  },
 
     '/files/!*': () => {
-        navigationModel.setView(View.fileBrowser);
+    navigationModel.setView(View.fileBrowser);
 
-        const path = getPathFromUrl(router.lastRouteResolved().url);
+    const path = getPathFromUrl(router.lastRouteResolved().url);
 
         if (path)
             fileBrowserModel.browse(path);
-    },
+  },
 
     '/settings': () => {
-        router.navigate(urls.viewSettings(navigationModel.settingsView));
-    },
+    router.navigate(urls.viewSettings(navigationModel.settingsView));
+  },
 
     '/settings/:view': params => {
         if (params.view in SettingsView)
         {
-            navigationModel.setView(View.settings);
-            navigationModel.setSettingsView(params.view);
+      navigationModel.setView(View.settings);
+      navigationModel.setSettingsView(params.view);
         }
         else
             navigationModel.setView(View.notFound);
-    },
+  },
 
     '/now-playing': () => {
         if (playerModel.playbackState === PlaybackState.stopped)
         {
-            router.navigate(urls.viewCurrentPlaylist);
-            return;
-        }
+      router.navigate(urls.viewCurrentPlaylist);
+      return;
+    }
 
-        const { playlistId, index } = playerModel.activeItem;
+    const { playlistId, index } = playerModel.activeItem;
 
         if (playlistId && index >= 0)
         {
-            scrollManager.scrollToItem(playlistTableKey(playlistId), index);
-            router.navigate(urls.viewPlaylist(playlistId));
+      scrollManager.scrollToItem(playlistTableKey(playlistId), index);
+      router.navigate(urls.viewPlaylist(playlistId));
         }
         else if (playlistId)
         {
-            router.navigate(urls.viewPlaylist(playlistId));
+      router.navigate(urls.viewPlaylist(playlistId));
         }
         else
         {
-            router.navigate(urls.viewCurrentPlaylist);
-        }
+      router.navigate(urls.viewCurrentPlaylist);
+    }
     }
 });
 
 router.notFound(() => {
-    navigationModel.setView(View.notFound);
+  navigationModel.setView(View.notFound);
 });
 
 playerModel.on('trackSwitch', () => {
     if (!settingsModel.cursorFollowsPlayback)
         return;
 
-    const { playlistId, index } = playerModel.activeItem;
+  const { playlistId, index } = playerModel.activeItem;
 
     if (playlistId !== '' && index >= 0)
-        scrollManager.scrollToItem(playlistTableKey(playlistId), index);
+    scrollManager.scrollToItem(playlistTableKey(playlistId), index);
 });
 
 playlistModel.on('playlistsChange', () => {
@@ -123,8 +125,8 @@ playlistModel.on('playlistsChange', () => {
     if (navigationModel.view !== View.playlist)
         return;
 
-    if (playlistModel.currentPlaylistId)
-        router.navigate(urls.viewPlaylist(playlistModel.currentPlaylistId));
+  if (playlistModel.currentPlaylistId)
+    router.navigate(urls.viewPlaylist(playlistModel.currentPlaylistId));
     else
         router.navigate(urls.viewCurrentPlaylist);
 });
@@ -135,12 +137,13 @@ touchModeController.start();
 cssSettingsController.start();
 appModel.start();
 windowController.start();
+mediaSessionController.start();
 router.resolve();
 
 const appComponent = (
-    <ServiceContext.Provider value={appModel}>
-        <App />
-    </ServiceContext.Provider>
+  <ServiceContext.Provider value={appModel}>
+    <App />
+  </ServiceContext.Provider>
 );
 
 ReactDom.render(appComponent, document.getElementById('app-container'));
diff --git a/js/webui/src/mediasession_controller.js b/js/webui/src/mediasession_controller.js
new file mode 100644
index 00000000..d52e7e17
--- /dev/null
+++ b/js/webui/src/mediasession_controller.js
@@ -0,0 +1,78 @@
+import DataSource from "./data_source";
+import PlayerModel from "./player_model";
+import silenceMp3 from "./5-seconds-of-silence.mp3";
+
+export default class MediaSessionController {
+  /**
+   * @param {any} client
+   * @param {PlayerModel} playerModel
+   */
+  constructor(client, playerModel) {
+    this.dataSource = new DataSource(client);
+    this.playerModel = playerModel;
+  }
+
+  start() {
+    if (!"mediaSession" in navigator) {
+      return;
+    }
+
+    navigator.mediaSession.setActionHandler("play", () =>
+      this.playerModel.play()
+    );
+    navigator.mediaSession.setActionHandler("pause", () =>
+      this.playerModel.pause()
+    );
+    navigator.mediaSession.setActionHandler("previoustrack", () =>
+      this.playerModel.previous()
+    );
+    navigator.mediaSession.setActionHandler("nexttrack", () =>
+      this.playerModel.next()
+    );
+
+    this.dataSource.on("player", (player) => this.updateMetadata(player));
+    this.dataSource.watch("player", {
+      trcolumns: ["%artist%", "%album%", "%title%"],
+    });
+
+    this.playerModel.on("change", () => this.updatePlaybackState());
+
+    this.updatePlaybackState();
+    this.dataSource.start();
+  }
+
+  updatePlaybackState() {
+    const playbackStateMap = {
+      playing: "playing",
+      paused: "paused",
+      stopped: "none",
+    };
+
+    const audioElement = document.getElementById("silence");
+
+    switch (this.playerModel.playbackState) {
+      case "playing":
+        audioElement.play();
+        break;
+      case "paused":
+        audioElement.pause();
+        break;
+      default:
+        break;
+    }
+
+    navigator.mediaSession.playbackState =
+      playbackStateMap[this.playerModel.playbackState];
+  }
+
+  updateMetadata(player) {
+    const { activeItem } = player;
+    const [artist, album, title] = activeItem.columns;
+
+    navigator.mediaSession.metadata = new MediaMetadata({
+      artist,
+      album,
+      title,
+    });
+  }
+}
diff --git a/js/webui/webpack.config.js b/js/webui/webpack.config.js
index 3da5163c..4d588baf 100644
--- a/js/webui/webpack.config.js
+++ b/js/webui/webpack.config.js
@@ -21,7 +21,7 @@ function configCommon(config, params)
     });
 
     config.module.rules.push({
-        test: /(\.svg|\.png)$/,
+        test: /(\.svg|\.png|\.mp3)$/,
         loader: 'url-loader',
         options: {
             name: '[name].[ext]',

From a8dc3e7c2f2d5fbb6a3e3115c5093e2e1c20da54 Mon Sep 17 00:00:00 2001
From: R0nd <rond00001@gmail.com>
Date: Sat, 3 Oct 2020 23:09:43 +0300
Subject: [PATCH 2/5] Revert whitespace

---
 js/webui/src/index.html |  6 +--
 js/webui/src/index.js   | 82 ++++++++++++++++++++---------------------
 2 files changed, 44 insertions(+), 44 deletions(-)

diff --git a/js/webui/src/index.html b/js/webui/src/index.html
index aaddd9e0..e96cf458 100644
--- a/js/webui/src/index.html
+++ b/js/webui/src/index.html
@@ -5,11 +5,11 @@
   <meta name="viewport" content="width=device-width, user-scalable=no">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="mobile-web-app-capable" content="yes">
-    <title>Loading...</title>
+  <title>Loading...</title>
 </head>
 <body>
-    <div id="app-container"></div>
-    <div id="notification-container"></div>
+  <div id="app-container"></div>
+  <div id="notification-container"></div>
 </body>
 <audio id="silence" loop>
   <source src="/5-seconds-of-silence.mp3" type="audio/mp3" />
diff --git a/js/webui/src/index.js b/js/webui/src/index.js
index 600dabc6..b5d525a1 100644
--- a/js/webui/src/index.js
+++ b/js/webui/src/index.js
@@ -22,12 +22,12 @@ const settingsStore = new SettingsStore();
 const appModel = new AppModel(client, settingsStore);
 
 const {
-  playerModel,
-  playlistModel,
-  fileBrowserModel,
-  settingsModel,
-  scrollManager,
-  navigationModel,
+    playerModel,
+    playlistModel,
+    fileBrowserModel,
+    settingsModel,
+    scrollManager,
+    navigationModel,
 } = appModel;
 
 const mediaSizeController = new MediaSizeController(settingsModel);
@@ -39,85 +39,85 @@ const mediaSessionController = new MediaSessionController(client, playerModel);
 
 router.on({
     '/': () => {
-    router.navigate(urls.viewCurrentPlaylist);
-  },
+        router.navigate(urls.viewCurrentPlaylist);
+    },
 
     '/playlists': () => {
-    if (playlistModel.currentPlaylistId)
-      router.navigate(urls.viewPlaylist(playlistModel.currentPlaylistId));
+        if (playlistModel.currentPlaylistId)
+            router.navigate(urls.viewPlaylist(playlistModel.currentPlaylistId));
         else
             navigationModel.setView(View.playlist);
-  },
+    },
 
     '/playlists/:id': params => {
-    playlistModel.setCurrentPlaylistId(params.id);
-    navigationModel.setView(View.playlist);
-  },
+        playlistModel.setCurrentPlaylistId(params.id);
+        navigationModel.setView(View.playlist);
+    },
 
     '/files': () => {
-    router.navigate(urls.browsePath(fileBrowserModel.currentPath));
-  },
+        router.navigate(urls.browsePath(fileBrowserModel.currentPath));
+    },
 
     '/files/!*': () => {
-    navigationModel.setView(View.fileBrowser);
+        navigationModel.setView(View.fileBrowser);
 
-    const path = getPathFromUrl(router.lastRouteResolved().url);
+        const path = getPathFromUrl(router.lastRouteResolved().url);
 
         if (path)
             fileBrowserModel.browse(path);
-  },
+    },
 
     '/settings': () => {
-    router.navigate(urls.viewSettings(navigationModel.settingsView));
-  },
+        router.navigate(urls.viewSettings(navigationModel.settingsView));
+    },
 
     '/settings/:view': params => {
         if (params.view in SettingsView)
         {
-      navigationModel.setView(View.settings);
-      navigationModel.setSettingsView(params.view);
+            navigationModel.setView(View.settings);
+            navigationModel.setSettingsView(params.view);
         }
         else
             navigationModel.setView(View.notFound);
-  },
+    },
 
     '/now-playing': () => {
         if (playerModel.playbackState === PlaybackState.stopped)
         {
-      router.navigate(urls.viewCurrentPlaylist);
-      return;
-    }
+            router.navigate(urls.viewCurrentPlaylist);
+            return;
+        }
 
-    const { playlistId, index } = playerModel.activeItem;
+        const { playlistId, index } = playerModel.activeItem;
 
         if (playlistId && index >= 0)
         {
-      scrollManager.scrollToItem(playlistTableKey(playlistId), index);
-      router.navigate(urls.viewPlaylist(playlistId));
+            scrollManager.scrollToItem(playlistTableKey(playlistId), index);
+            router.navigate(urls.viewPlaylist(playlistId));
         }
         else if (playlistId)
         {
-      router.navigate(urls.viewPlaylist(playlistId));
+            router.navigate(urls.viewPlaylist(playlistId));
         }
         else
         {
-      router.navigate(urls.viewCurrentPlaylist);
-    }
+            router.navigate(urls.viewCurrentPlaylist);
+        }
     }
 });
 
 router.notFound(() => {
-  navigationModel.setView(View.notFound);
+    navigationModel.setView(View.notFound);
 });
 
 playerModel.on('trackSwitch', () => {
     if (!settingsModel.cursorFollowsPlayback)
         return;
 
-  const { playlistId, index } = playerModel.activeItem;
+    const { playlistId, index } = playerModel.activeItem;
 
     if (playlistId !== '' && index >= 0)
-    scrollManager.scrollToItem(playlistTableKey(playlistId), index);
+        scrollManager.scrollToItem(playlistTableKey(playlistId), index);
 });
 
 playlistModel.on('playlistsChange', () => {
@@ -125,8 +125,8 @@ playlistModel.on('playlistsChange', () => {
     if (navigationModel.view !== View.playlist)
         return;
 
-  if (playlistModel.currentPlaylistId)
-    router.navigate(urls.viewPlaylist(playlistModel.currentPlaylistId));
+    if (playlistModel.currentPlaylistId)
+        router.navigate(urls.viewPlaylist(playlistModel.currentPlaylistId));
     else
         router.navigate(urls.viewCurrentPlaylist);
 });
@@ -141,9 +141,9 @@ mediaSessionController.start();
 router.resolve();
 
 const appComponent = (
-  <ServiceContext.Provider value={appModel}>
-    <App />
-  </ServiceContext.Provider>
+    <ServiceContext.Provider value={appModel}>
+        <App />
+    </ServiceContext.Provider>
 );
 
 ReactDom.render(appComponent, document.getElementById('app-container'));

From 9fc74c79a4a5d0bffcca6323940195d5923d67e0 Mon Sep 17 00:00:00 2001
From: R0nd <rond00001@gmail.com>
Date: Sat, 3 Oct 2020 23:53:01 +0300
Subject: [PATCH 3/5] Split dependencies into 'vendors' chunk

---
 js/webui/webpack.config.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/js/webui/webpack.config.js b/js/webui/webpack.config.js
index 4d588baf..1452dbd2 100644
--- a/js/webui/webpack.config.js
+++ b/js/webui/webpack.config.js
@@ -28,6 +28,18 @@ function configCommon(config, params)
             limit: 1024
         }
     });
+
+    config.optimization = {
+        splitChunks: {
+            cacheGroups: {
+                commons: {
+                    test: /[\\/]node_modules[\\/]/,
+                    name: 'vendors',
+                    chunks: 'all'
+                }
+            }
+        }
+    }
 }
 
 function configApp(config, params)

From a54104b6e29b36eb7d8a552617db10f1e51fa5f5 Mon Sep 17 00:00:00 2001
From: R0nd <rond00001@gmail.com>
Date: Sun, 4 Oct 2020 14:09:50 +0300
Subject: [PATCH 4/5] Fix code review comments

---
 js/webui/src/index.js                   |   2 +-
 js/webui/src/mediasession_controller.js | 117 +++++++++++-------------
 js/webui/webpack.config.js              |  14 +--
 3 files changed, 55 insertions(+), 78 deletions(-)

diff --git a/js/webui/src/index.js b/js/webui/src/index.js
index b5d525a1..d14ea7e3 100644
--- a/js/webui/src/index.js
+++ b/js/webui/src/index.js
@@ -35,7 +35,7 @@ const touchModeController = new TouchModeController(settingsModel);
 const cssSettingsController = new CssSettingsController(settingsModel);
 const windowController = new WindowController(playerModel);
 const router = new Navigo(null, true);
-const mediaSessionController = new MediaSessionController(client, playerModel);
+const mediaSessionController = new MediaSessionController(playerModel);
 
 router.on({
     '/': () => {
diff --git a/js/webui/src/mediasession_controller.js b/js/webui/src/mediasession_controller.js
index d52e7e17..8a21d15d 100644
--- a/js/webui/src/mediasession_controller.js
+++ b/js/webui/src/mediasession_controller.js
@@ -1,78 +1,67 @@
-import DataSource from "./data_source";
-import PlayerModel from "./player_model";
-import silenceMp3 from "./5-seconds-of-silence.mp3";
+import PlayerModel from './player_model';
+import silenceMp3 from './5-seconds-of-silence.mp3';
 
 export default class MediaSessionController {
-  /**
-   * @param {any} client
-   * @param {PlayerModel} playerModel
-   */
-  constructor(client, playerModel) {
-    this.dataSource = new DataSource(client);
-    this.playerModel = playerModel;
-  }
-
-  start() {
-    if (!"mediaSession" in navigator) {
-      return;
+    /**
+     * @param {PlayerModel} playerModel
+     */
+    constructor(playerModel) {
+        this.playerModel = playerModel;
     }
 
-    navigator.mediaSession.setActionHandler("play", () =>
-      this.playerModel.play()
-    );
-    navigator.mediaSession.setActionHandler("pause", () =>
-      this.playerModel.pause()
-    );
-    navigator.mediaSession.setActionHandler("previoustrack", () =>
-      this.playerModel.previous()
-    );
-    navigator.mediaSession.setActionHandler("nexttrack", () =>
-      this.playerModel.next()
-    );
+    start() {
+        if (!'mediaSession' in navigator) {
+            return;
+        }
 
-    this.dataSource.on("player", (player) => this.updateMetadata(player));
-    this.dataSource.watch("player", {
-      trcolumns: ["%artist%", "%album%", "%title%"],
-    });
+        navigator.mediaSession.setActionHandler('play', () =>
+            this.playerModel.play()
+        );
+        navigator.mediaSession.setActionHandler('pause', () =>
+            this.playerModel.pause()
+        );
+        navigator.mediaSession.setActionHandler('previoustrack', () =>
+            this.playerModel.previous()
+        );
+        navigator.mediaSession.setActionHandler('nexttrack', () =>
+            this.playerModel.next()
+        );
 
-    this.playerModel.on("change", () => this.updatePlaybackState());
+        this.playerModel.on('change', () => this.update());
 
-    this.updatePlaybackState();
-    this.dataSource.start();
-  }
+        this.update();
+    }
 
-  updatePlaybackState() {
-    const playbackStateMap = {
-      playing: "playing",
-      paused: "paused",
-      stopped: "none",
-    };
+    update() {
+        const playbackStateMap = {
+            playing: 'playing',
+            paused: 'paused',
+            stopped: 'none',
+        };
 
-    const audioElement = document.getElementById("silence");
+        const audioElement = document.getElementById('silence');
 
-    switch (this.playerModel.playbackState) {
-      case "playing":
-        audioElement.play();
-        break;
-      case "paused":
-        audioElement.pause();
-        break;
-      default:
-        break;
-    }
+        switch (this.playerModel.playbackState) {
+            case 'playing':
+                audioElement.play();
+                break;
+            case 'paused':
+                audioElement.pause();
+                break;
+            default:
+                break;
+        }
 
-    navigator.mediaSession.playbackState =
-      playbackStateMap[this.playerModel.playbackState];
-  }
+        navigator.mediaSession.playbackState =
+            playbackStateMap[this.playerModel.playbackState];
 
-  updateMetadata(player) {
-    const { activeItem } = player;
-    const [artist, album, title] = activeItem.columns;
+        const { activeItem } = this.playerModel;
+        const [, , artist, album, title] = activeItem.columns;
 
-    navigator.mediaSession.metadata = new MediaMetadata({
-      artist,
-      album,
-      title,
-    });
-  }
+        navigator.mediaSession.metadata = new MediaMetadata({
+            artist,
+            album,
+            title,
+        });
+    }
 }
diff --git a/js/webui/webpack.config.js b/js/webui/webpack.config.js
index 1452dbd2..a2c787d5 100644
--- a/js/webui/webpack.config.js
+++ b/js/webui/webpack.config.js
@@ -28,18 +28,6 @@ function configCommon(config, params)
             limit: 1024
         }
     });
-
-    config.optimization = {
-        splitChunks: {
-            cacheGroups: {
-                commons: {
-                    test: /[\\/]node_modules[\\/]/,
-                    name: 'vendors',
-                    chunks: 'all'
-                }
-            }
-        }
-    }
 }
 
 function configApp(config, params)
@@ -50,7 +38,7 @@ function configApp(config, params)
 
     if (params.buildType === 'release')
     {
-        const limit = 300 * 1024;
+        const limit = 350 * 1024;
         config.performance.hints = 'error';
         config.performance.maxEntrypointSize = limit;
         config.performance.maxAssetSize = limit;

From b8c7b48a47fbae04e14cfb59f87f996f5e0b8765 Mon Sep 17 00:00:00 2001
From: R0nd <rond00001@gmail.com>
Date: Sun, 4 Oct 2020 23:53:12 +0300
Subject: [PATCH 5/5] Put feature behind setting

---
 js/webui/src/general_settings.js        |  1 +
 js/webui/src/index.js                   | 14 +++++++--
 js/webui/src/mediasession_controller.js | 41 ++++++++++++++++++++++---
 js/webui/src/settings_model.js          |  8 +++++
 4 files changed, 57 insertions(+), 7 deletions(-)

diff --git a/js/webui/src/general_settings.js b/js/webui/src/general_settings.js
index e6cb465a..3e36bcb3 100644
--- a/js/webui/src/general_settings.js
+++ b/js/webui/src/general_settings.js
@@ -34,6 +34,7 @@ class GeneralSettings extends React.PureComponent
                 <SettingEditor settingKey='inputMode' />
                 <SettingEditor settingKey='showPlaybackInfo' />
                 <SettingEditor settingKey='playbackInfoExpression' disabled={!showPlaybackInfo} />
+                <SettingEditor settingKey='enableNotification' />
             </form>
         );
     }
diff --git a/js/webui/src/index.js b/js/webui/src/index.js
index d14ea7e3..04130c50 100644
--- a/js/webui/src/index.js
+++ b/js/webui/src/index.js
@@ -121,7 +121,6 @@ playerModel.on('trackSwitch', () => {
 });
 
 playlistModel.on('playlistsChange', () => {
-
     if (navigationModel.view !== View.playlist)
         return;
 
@@ -131,13 +130,24 @@ playlistModel.on('playlistsChange', () => {
         router.navigate(urls.viewCurrentPlaylist);
 });
 
+settingsModel.on('enableNotificationChange', () => {
+    if (settingsModel.enableNotification) {
+        mediaSessionController.start();
+    }
+    else {
+        mediaSessionController.stop();
+    }
+});
+
 appModel.load();
 mediaSizeController.start();
 touchModeController.start();
 cssSettingsController.start();
 appModel.start();
 windowController.start();
-mediaSessionController.start();
+if (settingsModel.enableNotification) {
+    mediaSessionController.start();
+}
 router.resolve();
 
 const appComponent = (
diff --git a/js/webui/src/mediasession_controller.js b/js/webui/src/mediasession_controller.js
index 8a21d15d..d619a9f9 100644
--- a/js/webui/src/mediasession_controller.js
+++ b/js/webui/src/mediasession_controller.js
@@ -9,11 +9,24 @@ export default class MediaSessionController {
         this.playerModel = playerModel;
     }
 
+    isSupported() {
+        return 'mediaSession' in navigator;
+    }
+
+    /**
+     * @returns {HTMLAudioElement}
+     */
+    getAudioElement() {
+        return document.getElementById('silence');
+    }
+
     start() {
-        if (!'mediaSession' in navigator) {
+        if (!this.isSupported()) {
             return;
         }
 
+        this.isStopped = false;
+
         navigator.mediaSession.setActionHandler('play', () =>
             this.playerModel.play()
         );
@@ -32,21 +45,39 @@ export default class MediaSessionController {
         this.update();
     }
 
+    stop() {
+        if (!this.isSupported()) {
+            return;
+        }
+
+        this.isStopped = true;
+
+        navigator.mediaSession.playbackState = 'none';
+        this.getAudioElement().pause();
+
+        navigator.mediaSession.setActionHandler('play', null);
+        navigator.mediaSession.setActionHandler('pause', null);
+        navigator.mediaSession.setActionHandler('previoustrack', null);
+        navigator.mediaSession.setActionHandler('nexttrack', null);
+    }
+
     update() {
+        if (this.isStopped) {
+            return true;
+        }
+
         const playbackStateMap = {
             playing: 'playing',
             paused: 'paused',
             stopped: 'none',
         };
 
-        const audioElement = document.getElementById('silence');
-
         switch (this.playerModel.playbackState) {
             case 'playing':
-                audioElement.play();
+                this.getAudioElement().play();
                 break;
             case 'paused':
-                audioElement.pause();
+                this.getAudioElement().pause();
                 break;
             default:
                 break;
diff --git a/js/webui/src/settings_model.js b/js/webui/src/settings_model.js
index f4e88149..127e0109 100644
--- a/js/webui/src/settings_model.js
+++ b/js/webui/src/settings_model.js
@@ -171,6 +171,14 @@ export default class SettingsModel extends EventEmitter
             persistent: true,
         });
 
+        this.define({
+            key: 'enableNotification',
+            title: 'Enable playback control notification',
+            type: SettingType.bool,
+            defaultValue: false,
+            persistent: true,
+        });
+
         Object.freeze(this.metadata);
     }