LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

UPDATE: Use helpers functions for saving the volume settings

Browse Source
This commit is contained in:
Edgardo Ramírez 2020-10-06 15:46:07 -05:00
parent 66db710761
commit ac1860d325
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
webroot/js/components/player.js
View File

@ -1,6 +1,8 @@
// https://docs.videojs.com/player // https://docs.videojs.com/player
import videojs from '/js/web_modules/videojs/dist/video.min.js'; 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'; const VIDEO_ID = 'video';
// TODO: This directory is customizable in the config. So we should expose this via the config API. // 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'); this.log('Start playing');
const source = { ...VIDEO_SRC }; const source = { ...VIDEO_SRC };
if (localStorage.getItem('owncastVolume') !== null) if (getLocalStorage(PLAYER_VOLUME) !== null)
this.vjsPlayer.volume(localStorage.getItem('owncastVolume')); this.vjsPlayer.volume(getLocalStorage(PLAYER_VOLUME));
this.vjsPlayer.src(source); this.vjsPlayer.src(source);
// this.vjsPlayer.play(); // this.vjsPlayer.play();
} }
@ -101,7 +103,7 @@ class OwncastPlayer {
} }
handleVolume(e) { handleVolume(e) {
localStorage.setItem('owncastVolume', this.vjsPlayer.volume()); setLocalStorage(PLAYER_VOLUME, this.vjsPlayer.volume());
} }
handlePlaying() { handlePlaying() {

1
webroot/js/utils/constants.js
View File

@ -18,6 +18,7 @@ export const MESSAGE_OFFLINE = 'Stream is offline.';
export const MESSAGE_ONLINE = 'Stream is online.'; export const MESSAGE_ONLINE = 'Stream is online.';
export const URL_OWNCAST = 'https://owncast.online'; // used in footer export const URL_OWNCAST = 'https://owncast.online'; // used in footer
export const PLAYER_VOLUME = 'owncast_volume';
export const KEY_USERNAME = 'owncast_username'; export const KEY_USERNAME = 'owncast_username';