c8bac5396c
* fixes video not played from defined parameters in embed service * adds parameters to the oembed services * Styling Co-authored-by: Chocobozzz <me@florianbigard.com>
162 lines
4.2 KiB
TypeScript
162 lines
4.2 KiB
TypeScript
import express from 'express'
|
|
import { MChannelSummary } from '@server/types/models'
|
|
import { escapeHTML } from '@shared/core-utils/renderer'
|
|
import { EMBED_SIZE, PREVIEWS_SIZE, THUMBNAILS_SIZE, WEBSERVER } from '../initializers/constants'
|
|
import { asyncMiddleware, oembedValidator } from '../middlewares'
|
|
import { accountNameWithHostGetValidator } from '../middlewares/validators'
|
|
|
|
const servicesRouter = express.Router()
|
|
|
|
servicesRouter.use('/oembed',
|
|
asyncMiddleware(oembedValidator),
|
|
generateOEmbed
|
|
)
|
|
servicesRouter.use('/redirect/accounts/:accountName',
|
|
asyncMiddleware(accountNameWithHostGetValidator),
|
|
redirectToAccountUrl
|
|
)
|
|
|
|
// ---------------------------------------------------------------------------
|
|
|
|
export {
|
|
servicesRouter
|
|
}
|
|
|
|
// ---------------------------------------------------------------------------
|
|
|
|
function generateOEmbed (req: express.Request, res: express.Response) {
|
|
if (res.locals.videoAll) return generateVideoOEmbed(req, res)
|
|
|
|
return generatePlaylistOEmbed(req, res)
|
|
}
|
|
|
|
function generatePlaylistOEmbed (req: express.Request, res: express.Response) {
|
|
const playlist = res.locals.videoPlaylistSummary
|
|
|
|
const json = buildOEmbed({
|
|
channel: playlist.VideoChannel,
|
|
title: playlist.name,
|
|
embedPath: playlist.getEmbedStaticPath() + buildPlayerURLQuery(req.query.url),
|
|
previewPath: playlist.getThumbnailStaticPath(),
|
|
previewSize: THUMBNAILS_SIZE,
|
|
req
|
|
})
|
|
|
|
return res.json(json)
|
|
}
|
|
|
|
function generateVideoOEmbed (req: express.Request, res: express.Response) {
|
|
const video = res.locals.videoAll
|
|
|
|
const json = buildOEmbed({
|
|
channel: video.VideoChannel,
|
|
title: video.name,
|
|
embedPath: video.getEmbedStaticPath() + buildPlayerURLQuery(req.query.url),
|
|
previewPath: video.getPreviewStaticPath(),
|
|
previewSize: PREVIEWS_SIZE,
|
|
req
|
|
})
|
|
|
|
return res.json(json)
|
|
}
|
|
|
|
function buildPlayerURLQuery (inputQueryUrl: string) {
|
|
const allowedParameters = new Set([
|
|
'start',
|
|
'stop',
|
|
'loop',
|
|
'autoplay',
|
|
'muted',
|
|
'controls',
|
|
'controlBar',
|
|
'title',
|
|
'api',
|
|
'warningTitle',
|
|
'peertubeLink',
|
|
'p2p',
|
|
'subtitle',
|
|
'bigPlayBackgroundColor',
|
|
'mode',
|
|
'foregroundColor'
|
|
])
|
|
|
|
const params = new URLSearchParams()
|
|
|
|
new URL(inputQueryUrl).searchParams.forEach((v, k) => {
|
|
if (allowedParameters.has(k)) {
|
|
params.append(k, v)
|
|
}
|
|
})
|
|
|
|
const stringQuery = params.toString()
|
|
if (!stringQuery) return ''
|
|
|
|
return '?' + stringQuery
|
|
}
|
|
|
|
function buildOEmbed (options: {
|
|
req: express.Request
|
|
title: string
|
|
channel: MChannelSummary
|
|
previewPath: string | null
|
|
embedPath: string
|
|
previewSize: {
|
|
height: number
|
|
width: number
|
|
}
|
|
}) {
|
|
const { req, previewSize, previewPath, title, channel, embedPath } = options
|
|
|
|
const webserverUrl = WEBSERVER.URL
|
|
const maxHeight = parseInt(req.query.maxheight, 10)
|
|
const maxWidth = parseInt(req.query.maxwidth, 10)
|
|
|
|
const embedUrl = webserverUrl + embedPath
|
|
const embedTitle = escapeHTML(title)
|
|
|
|
let thumbnailUrl = previewPath
|
|
? webserverUrl + previewPath
|
|
: undefined
|
|
|
|
let embedWidth = EMBED_SIZE.width
|
|
if (maxWidth < embedWidth) embedWidth = maxWidth
|
|
|
|
let embedHeight = EMBED_SIZE.height
|
|
if (maxHeight < embedHeight) embedHeight = maxHeight
|
|
|
|
// Our thumbnail is too big for the consumer
|
|
if (
|
|
(maxHeight !== undefined && maxHeight < previewSize.height) ||
|
|
(maxWidth !== undefined && maxWidth < previewSize.width)
|
|
) {
|
|
thumbnailUrl = undefined
|
|
}
|
|
|
|
const html = `<iframe width="${embedWidth}" height="${embedHeight}" sandbox="allow-same-origin allow-scripts allow-popups" ` +
|
|
`title="${embedTitle}" src="${embedUrl}" frameborder="0" allowfullscreen></iframe>`
|
|
|
|
const json: any = {
|
|
type: 'video',
|
|
version: '1.0',
|
|
html,
|
|
width: embedWidth,
|
|
height: embedHeight,
|
|
title: title,
|
|
author_name: channel.name,
|
|
author_url: channel.Actor.url,
|
|
provider_name: 'PeerTube',
|
|
provider_url: webserverUrl
|
|
}
|
|
|
|
if (thumbnailUrl !== undefined) {
|
|
json.thumbnail_url = thumbnailUrl
|
|
json.thumbnail_width = previewSize.width
|
|
json.thumbnail_height = previewSize.height
|
|
}
|
|
|
|
return json
|
|
}
|
|
|
|
function redirectToAccountUrl (req: express.Request, res: express.Response, next: express.NextFunction) {
|
|
return res.redirect(res.locals.account.Actor.url)
|
|
}
|