From c6352f2c64f3c1ad54f8500f493587cdce3d33c9 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Fri, 30 Mar 2018 17:40:00 +0200 Subject: Improve player Add a settings dialog based on the work of Yanko Shterev (@yshterev): https://github.com/yshterev/videojs-settings-menu. Thanks! --- client/src/assets/player/utils.ts | 72 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 client/src/assets/player/utils.ts (limited to 'client/src/assets/player/utils.ts') diff --git a/client/src/assets/player/utils.ts b/client/src/assets/player/utils.ts new file mode 100644 index 000000000..7a99dba1a --- /dev/null +++ b/client/src/assets/player/utils.ts @@ -0,0 +1,72 @@ +function toTitleCase (str: string) { + return str.charAt(0).toUpperCase() + str.slice(1) +} + +// https://github.com/danrevah/ngx-pipes/blob/master/src/pipes/math/bytes.ts +// Don't import all Angular stuff, just copy the code with shame +const dictionaryBytes: Array<{max: number, type: string}> = [ + { max: 1024, type: 'B' }, + { max: 1048576, type: 'KB' }, + { max: 1073741824, type: 'MB' }, + { max: 1.0995116e12, type: 'GB' } +] +function bytes (value) { + const format = dictionaryBytes.find(d => value < d.max) || dictionaryBytes[dictionaryBytes.length - 1] + const calc = Math.floor(value / (format.max / 1024)).toString() + + return [ calc, format.type ] +} + +function getStoredVolume () { + const value = getLocalStorage('volume') + if (value !== null && value !== undefined) { + const valueNumber = parseFloat(value) + if (isNaN(valueNumber)) return undefined + + return valueNumber + } + + return undefined +} + +function getStoredMute () { + const value = getLocalStorage('mute') + if (value !== null && value !== undefined) return value === 'true' + + return undefined +} + +function saveVolumeInStore (value: number) { + return setLocalStorage('volume', value.toString()) +} + +function saveMuteInStore (value: boolean) { + return setLocalStorage('mute', value.toString()) +} + +export { + toTitleCase, + getStoredVolume, + saveVolumeInStore, + saveMuteInStore, + getStoredMute, + bytes +} + +// --------------------------------------------------------------------------- + +const KEY_PREFIX = 'peertube-videojs-' + +function getLocalStorage (key: string) { + try { + return localStorage.getItem(KEY_PREFIX + key) + } catch { + return undefined + } +} + +function setLocalStorage (key: string, value: string) { + try { + localStorage.setItem(KEY_PREFIX + key, value) + } catch { /* empty */ } +} -- cgit v1.2.3