-import { VideoFile } from '../../../../shared/models/videos'
+import { VideoFile } from '@shared/models'
+import { escapeHTML } from '@shared/core-utils/renderer'
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}> = [
{ 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 /iPhone|iPad|iPod|Android/i.test(navigator.userAgent)
}
-function buildVideoLink (time?: number, url?: string) {
- if (!url) url = window.location.origin + window.location.pathname.replace('/embed/', '/watch/')
+function buildVideoLink (options: {
+ baseUrl?: string
+
+ startTime?: number
+ stopTime?: number
+
+ subtitle?: string
- if (time) {
- const timeInt = Math.floor(time)
+ loop?: boolean
+ autoplay?: boolean
+ muted?: boolean
- const params = new URLSearchParams(window.location.search)
- params.set('start', secondsToTime(timeInt))
+ // Embed options
+ title?: boolean
+ warningTitle?: boolean
+ controls?: boolean
+ peertubeLink?: boolean
+} = {}) {
+ const { baseUrl } = options
- return url + '?' + params.toString()
+ const url = baseUrl
+ ? baseUrl
+ : window.location.origin + window.location.pathname.replace('/embed/', '/watch/')
+
+ const params = generateParams(window.location.search)
+
+ if (options.startTime !== undefined && options.startTime !== null) {
+ const startTimeInt = Math.floor(options.startTime)
+ params.set('start', secondsToTime(startTimeInt))
}
+ if (options.stopTime) {
+ const stopTimeInt = Math.floor(options.stopTime)
+ params.set('stop', secondsToTime(stopTimeInt))
+ }
+
+ if (options.subtitle) params.set('subtitle', options.subtitle)
+
+ 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')
+
+ return buildUrl(url, params)
+}
+
+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 buildUrl (url: string, params: URLSearchParams) {
+ let hasParams = false
+ params.forEach(() => hasParams = true)
+
+ if (hasParams) return url + '?' + params.toString()
+
return url
}
+function generateParams (url: string) {
+ const params = new URLSearchParams(window.location.search)
+ // Unused parameters in embed
+ params.delete('videoId')
+ params.delete('resume')
+
+ return params
+}
+
function timeToInt (time: number | string) {
+ if (!time) return 0
if (typeof time === 'number') return time
- const reg = /^((\d+)h)?((\d+)m)?((\d+)s?)?$/
+ const reg = /^((\d+)[h:])?((\d+)[m:])?((\d+)s?)?$/
const matches = time.match(reg)
if (!matches) return 0
return hours * 3600 + minutes * 60 + seconds
}
-function secondsToTime (seconds: number) {
+function secondsToTime (seconds: number, full = false, symbol?: string) {
let time = ''
- let hours = Math.floor(seconds / 3600)
- if (hours >= 1) time = hours + 'h'
+ if (seconds === 0 && !full) return '0s'
+
+ 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
seconds %= 3600
- let minutes = Math.floor(seconds / 60)
- if (minutes >= 1) time += minutes + 'm'
+ 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) time += seconds + 's'
+ 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, embedTitle: string) {
+ const title = escapeHTML(embedTitle)
return '<iframe width="560" height="315" ' +
- 'sandbox="allow-same-origin allow-scripts" ' +
+ 'sandbox="allow-same-origin allow-scripts allow-popups" ' +
+ 'title="' + title + '" ' +
'src="' + embedUrl + '" ' +
'frameborder="0" allowfullscreen>' +
'</iframe>'
}
-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)
-}
-
function videoFileMaxByResolution (files: VideoFile[]) {
let max = files[0]
return min
}
+function getRtcConfig () {
+ return {
+ iceServers: [
+ {
+ urls: 'stun:stun.stunprotocol.org'
+ },
+ {
+ urls: 'stun:stun.framasoft.org'
+ }
+ ]
+ }
+}
+
// ---------------------------------------------------------------------------
export {
+ getRtcConfig,
toTitleCase,
timeToInt,
+ secondsToTime,
+ isWebRTCDisabled,
+ buildPlaylistLink,
buildVideoLink,
- buildVideoEmbed,
+ buildVideoOrPlaylistEmbed,
videoFileMaxByResolution,
videoFileMinByResolution,
- copyToClipboard,
isMobile,
- bytes
+ bytes,
+ isIOS,
+ isSafari
}