X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fassets%2Fplayer%2Futils.ts;h=ce7a7fe6c966aab587867136129697d2f4ecbc17;hb=951b582f52d0694865f020f0e53ccfad2d2d6033;hp=b7cd40aa28e9155577ed49b1f270e1f3b92a33ec;hpb=054a103b286277708a3a807a52da6cca12e1b0ce;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/assets/player/utils.ts b/client/src/assets/player/utils.ts index b7cd40aa2..ce7a7fe6c 100644 --- a/client/src/assets/player/utils.ts +++ b/client/src/assets/player/utils.ts @@ -1,10 +1,28 @@ -import { is18nLocale, isDefaultLocale } from '../../../../shared/models/i18n/i18n' -import { VideoFile } from '../../../../shared/models/videos' +import { VideoFile } from '@shared/models' function toTitleCase (str: string) { return str.charAt(0).toUpperCase() + str.slice(1) } +function isWebRTCDisabled () { + return !!((window as any).RTCPeerConnection || (window as any).mozRTCPeerConnection || (window as any).webkitRTCPeerConnection) === false +} + +function isIOS () { + if (/iPad|iPhone|iPod/.test(navigator.platform)) { + return true + } + + // Detect iPad Desktop mode + return !!(navigator.maxTouchPoints && + navigator.maxTouchPoints > 2 && + /MacIntel/.test(navigator.platform)) +} + +function isSafari () { + return /^((?!chrome|android).)*safari/i.test(navigator.userAgent) +} + // 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}> = [ @@ -13,85 +31,146 @@ const dictionaryBytes: Array<{max: number, type: string}> = [ { max: 1073741824, type: 'MB' }, { max: 1.0995116e12, type: 'GB' } ] -function bytes (value) { +function bytes (value: number) { 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 +function isMobile () { + return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent) +} - return valueNumber - } +function buildVideoLink (options: { + baseUrl?: string - return undefined -} + startTime?: number + stopTime?: number -function getStoredMute () { - const value = getLocalStorage('mute') - if (value !== null && value !== undefined) return value === 'true' + subtitle?: string - return undefined -} + loop?: boolean + autoplay?: boolean + muted?: boolean + + // Embed options + title?: boolean + warningTitle?: boolean + controls?: boolean + peertubeLink?: boolean +} = {}) { + const { baseUrl } = options + + const url = baseUrl + ? baseUrl + : window.location.origin + window.location.pathname.replace('/embed/', '/watch/') -function getAverageBandwidth () { - const value = getLocalStorage('average-bandwidth') - if (value !== null && value !== undefined) { - const valueNumber = parseInt(value, 10) - if (isNaN(valueNumber)) return undefined + const params = generateParams(window.location.search) - return valueNumber + if (options.startTime) { + const startTimeInt = Math.floor(options.startTime) + params.set('start', secondsToTime(startTimeInt)) } - return undefined -} + if (options.stopTime) { + const stopTimeInt = Math.floor(options.stopTime) + params.set('stop', secondsToTime(stopTimeInt)) + } -function getStoredTheater () { - const value = getLocalStorage('theater-enabled') - if (value !== null && value !== undefined) return value === 'true' + if (options.subtitle) params.set('subtitle', options.subtitle) - return undefined -} + if (options.loop === true) params.set('loop', '1') + if (options.autoplay === true) params.set('autoplay', '1') + if (options.muted === true) params.set('muted', '1') + if (options.title === false) params.set('title', '0') + if (options.warningTitle === false) params.set('warningTitle', '0') + if (options.controls === false) params.set('controls', '0') + if (options.peertubeLink === false) params.set('peertubeLink', '0') -function saveVolumeInStore (value: number) { - return setLocalStorage('volume', value.toString()) + return buildUrl(url, params) } -function saveMuteInStore (value: boolean) { - return setLocalStorage('mute', value.toString()) +function buildPlaylistLink (options: { + baseUrl?: string + + playlistPosition: number +}) { + const { baseUrl } = options + + const url = baseUrl + ? baseUrl + : window.location.origin + window.location.pathname.replace('/video-playlists/embed/', '/videos/watch/playlist/') + + const params = generateParams(window.location.search) + + if (options.playlistPosition) params.set('playlistPosition', '' + options.playlistPosition) + + return buildUrl(url, params) } -function saveTheaterInStore (enabled: boolean) { - return setLocalStorage('theater-enabled', enabled.toString()) +function buildUrl (url: string, params: URLSearchParams) { + let hasParams = false + params.forEach(() => hasParams = true) + + if (hasParams) return url + '?' + params.toString() + + return url } -function saveAverageBandwidth (value: number) { - return setLocalStorage('average-bandwidth', value.toString()) +function generateParams (url: string) { + const params = new URLSearchParams(window.location.search) + // Unused parameters in embed + params.delete('videoId') + params.delete('resume') + + return params } -function isMobile () { - return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent) +function timeToInt (time: number | string) { + if (!time) return 0 + if (typeof time === 'number') return time + + const reg = /^((\d+)[h:])?((\d+)[m:])?((\d+)s?)?$/ + const matches = time.match(reg) + + if (!matches) return 0 + + const hours = parseInt(matches[2] || '0', 10) + const minutes = parseInt(matches[4] || '0', 10) + const seconds = parseInt(matches[6] || '0', 10) + + return hours * 3600 + minutes * 60 + seconds } -function buildVideoLink (time?: number) { - let href = window.location.href.replace('/embed/', '/watch/') - if (time) { - const timeInt = Math.floor(time) +function secondsToTime (seconds: number, full = false, symbol?: string) { + let time = '' - if (window.location.search) href += '&start=' + timeInt - else href += '?start=' + timeInt - } + const hourSymbol = (symbol || 'h') + const minuteSymbol = (symbol || 'm') + const secondsSymbol = full ? '' : 's' + + const hours = Math.floor(seconds / 3600) + if (hours >= 1) time = hours + hourSymbol + else if (full) time = '0' + hourSymbol - return href + seconds %= 3600 + const minutes = Math.floor(seconds / 60) + if (minutes >= 1 && minutes < 10 && full) time += '0' + minutes + minuteSymbol + else if (minutes >= 1) time += minutes + minuteSymbol + else if (full) time += '00' + minuteSymbol + + seconds %= 60 + if (seconds >= 1 && seconds < 10 && full) time += '0' + seconds + secondsSymbol + else if (seconds >= 1) time += seconds + secondsSymbol + else if (full) time += '00' + + return time } -function buildVideoEmbed (embedUrl: string) { +function buildVideoOrPlaylistEmbed (embedUrl: string) { return '' @@ -131,39 +210,35 @@ function videoFileMinByResolution (files: VideoFile[]) { return min } +function getRtcConfig () { + return { + iceServers: [ + { + urls: 'stun:stun.stunprotocol.org' + }, + { + urls: 'stun:stun.framasoft.org' + } + ] + } +} + +// --------------------------------------------------------------------------- + export { + getRtcConfig, toTitleCase, + timeToInt, + secondsToTime, + isWebRTCDisabled, + buildPlaylistLink, buildVideoLink, - getStoredVolume, - saveVolumeInStore, - saveAverageBandwidth, - getAverageBandwidth, - saveMuteInStore, - buildVideoEmbed, - getStoredMute, + buildVideoOrPlaylistEmbed, videoFileMaxByResolution, videoFileMinByResolution, copyToClipboard, - getStoredTheater, - saveTheaterInStore, isMobile, - 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 */ } + bytes, + isIOS, + isSafari }