-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)
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}> = [
}
function buildVideoLink (options: {
- baseUrl?: string,
+ baseUrl?: string
- startTime?: number,
- stopTime?: number,
+ startTime?: number
+ stopTime?: number
- subtitle?: string,
+ subtitle?: string
- loop?: boolean,
- autoplay?: boolean,
- muted?: boolean,
+ loop?: boolean
+ autoplay?: boolean
+ muted?: boolean
// Embed options
- title?: boolean,
- warningTitle?: boolean,
+ title?: boolean
+ warningTitle?: boolean
controls?: boolean
+ peertubeLink?: boolean
} = {}) {
const { baseUrl } = options
? baseUrl
: window.location.origin + window.location.pathname.replace('/embed/', '/watch/')
- const params = new URLSearchParams(window.location.search)
- // Remove this unused parameter when we are on a playlist page
- params.delete('videoId')
+ const params = generateParams(window.location.search)
- if (options.startTime) {
+ if (options.startTime !== undefined && options.startTime !== null) {
const startTimeInt = Math.floor(options.startTime)
params.set('start', secondsToTime(startTimeInt))
}
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)
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
function secondsToTime (seconds: number, full = false, symbol?: string) {
let time = ''
+ if (seconds === 0 && !full) return '0s'
+
const hourSymbol = (symbol || 'h')
const minuteSymbol = (symbol || 'm')
const secondsSymbol = full ? '' : 's'
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]
timeToInt,
secondsToTime,
isWebRTCDisabled,
+ buildPlaylistLink,
buildVideoLink,
- buildVideoEmbed,
+ buildVideoOrPlaylistEmbed,
videoFileMaxByResolution,
videoFileMinByResolution,
- copyToClipboard,
isMobile,
- bytes
+ bytes,
+ isIOS,
+ isSafari
}