diff --git a/webroot/js/components/player.js b/webroot/js/components/player.js
index 8e6191131..a7255f68e 100644
--- a/webroot/js/components/player.js
+++ b/webroot/js/components/player.js
@@ -1,6 +1,8 @@
 // https://docs.videojs.com/player
 
 import videojs from '/js/web_modules/videojs/dist/video.min.js';
+import { getLocalStorage, setLocalStorage } from '../utils/helpers.js';
+import { PLAYER_VOLUME } from '../utils/constants.js';
 
 const VIDEO_ID = 'video';
 // TODO: This directory is customizable in the config.  So we should expose this via the config API.
@@ -81,8 +83,8 @@ class OwncastPlayer {
     this.log('Start playing');
     const source = { ...VIDEO_SRC };
 
-    if (localStorage.getItem('owncastVolume') !== null)
-      this.vjsPlayer.volume(localStorage.getItem('owncastVolume'));
+    if (getLocalStorage(PLAYER_VOLUME) !== null)
+      this.vjsPlayer.volume(getLocalStorage(PLAYER_VOLUME));
     this.vjsPlayer.src(source);
     // this.vjsPlayer.play();
   }
@@ -101,7 +103,7 @@ class OwncastPlayer {
   }
 
   handleVolume(e) {
-    localStorage.setItem('owncastVolume', this.vjsPlayer.volume());
+    setLocalStorage(PLAYER_VOLUME, this.vjsPlayer.volume());
   }
 
   handlePlaying() {
diff --git a/webroot/js/utils/constants.js b/webroot/js/utils/constants.js
index 980bb9ce4..273a41dd6 100644
--- a/webroot/js/utils/constants.js
+++ b/webroot/js/utils/constants.js
@@ -18,6 +18,7 @@ export const MESSAGE_OFFLINE = 'Stream is offline.';
 export const MESSAGE_ONLINE = 'Stream is online.';
 
 export const URL_OWNCAST = 'https://owncast.online'; // used in footer
+export const PLAYER_VOLUME = 'owncast_volume';
 
 
 export const KEY_USERNAME = 'owncast_username';