+import { HTMLServerConfig, Video, 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 isP2PEnabled (video: Video, config: HTMLServerConfig, userP2PEnabled: boolean) {
+ if (video.isLocal && config.tracker.enabled === false) return false
+ if (isWebRTCDisabled()) return false
+
+ return userP2PEnabled
+}
+
+function isIOS () {
+ if (/iPad|iPhone|iPod/.test(navigator.platform)) {
+ return true
+ }
+
+ // Detect iPad Desktop mode
+ return !!(navigator.maxTouchPoints &&
+ navigator.maxTouchPoints > 2 &&
+ navigator.platform.includes('MacIntel'))
+}
+
+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}> = [
+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) {
+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
-
- return valueNumber
- }
-
- return undefined
-}
-
-function getStoredMute () {
- const value = getLocalStorage('mute')
- if (value !== null && value !== undefined) return value === 'true'
-
- return undefined
+function isMobile () {
+ return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent)
}
-function getAverageBandwidth () {
- const value = getLocalStorage('average-bandwidth')
- if (value !== null && value !== undefined) {
- const valueNumber = parseInt(value, 10)
- if (isNaN(valueNumber)) return undefined
+function buildVideoOrPlaylistEmbed (embedUrl: string, embedTitle: string) {
+ const iframe = document.createElement('iframe')
- return valueNumber
- }
+ iframe.title = embedTitle
+ iframe.width = '560'
+ iframe.height = '315'
+ iframe.src = embedUrl
+ iframe.frameBorder = '0'
+ iframe.allowFullscreen = true
+ iframe.sandbox.add('allow-same-origin', 'allow-scripts', 'allow-popups')
- return undefined
+ return iframe.outerHTML
}
-function saveVolumeInStore (value: number) {
- return setLocalStorage('volume', value.toString())
-}
+function videoFileMaxByResolution (files: VideoFile[]) {
+ let max = files[0]
-function saveMuteInStore (value: boolean) {
- return setLocalStorage('mute', value.toString())
-}
-
-function saveAverageBandwidth (value: number) {
- return setLocalStorage('average-bandwidth', value.toString())
-}
+ for (let i = 1; i < files.length; i++) {
+ const file = files[i]
+ if (max.resolution.id < file.resolution.id) max = file
+ }
-function isMobile () {
- return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent)
+ return max
}
-function buildVideoLink (time?: number) {
- let href = window.location.href.replace('/embed/', '/watch/')
- if (time) {
- const timeInt = Math.floor(time)
+function videoFileMinByResolution (files: VideoFile[]) {
+ let min = files[0]
- if (window.location.search) href += '&start=' + timeInt
- else href += '?start=' + timeInt
+ for (let i = 1; i < files.length; i++) {
+ const file = files[i]
+ if (min.resolution.id > file.resolution.id) min = file
}
- return href
+ return min
}
-function buildVideoEmbed (embedUrl: string) {
- return '<iframe width="560" height="315" ' +
- 'src="' + embedUrl + '" ' +
- 'frameborder="0" allowfullscreen>' +
- '</iframe>'
+function getRtcConfig () {
+ return {
+ iceServers: [
+ {
+ urls: 'stun:stun.stunprotocol.org'
+ },
+ {
+ urls: 'stun:stun.framasoft.org'
+ }
+ ]
+ }
}
-function copyToClipboard (text: string) {
- const el = document.createElement('textarea')
- el.value = text
- el.setAttribute('readonly', '')
- el.style.position = 'absolute'
- el.style.left = '-9999px'
- document.body.appendChild(el)
- el.select()
- document.execCommand('copy')
- document.body.removeChild(el)
-}
+// ---------------------------------------------------------------------------
export {
+ getRtcConfig,
toTitleCase,
- buildVideoLink,
- getStoredVolume,
- saveVolumeInStore,
- saveAverageBandwidth,
- getAverageBandwidth,
- saveMuteInStore,
- buildVideoEmbed,
- getStoredMute,
- copyToClipboard,
- isMobile,
- bytes
-}
-
-// ---------------------------------------------------------------------------
+ isWebRTCDisabled,
+ isP2PEnabled,
-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 */ }
+ buildVideoOrPlaylistEmbed,
+ videoFileMaxByResolution,
+ videoFileMinByResolution,
+ isMobile,
+ bytes,
+ isIOS,
+ isSafari
}