import './test-embed.scss'
import { PeerTubeResolution, PlayerEventType } from '../player/definitions'
import { PeerTubePlayer } from '../player/player'
+import { logger } from '../../root-helpers'
window.addEventListener('load', async () => {
const urlParts = window.location.href.split('/')
- const lastPart = urlParts[ urlParts.length - 1 ]
+ const lastPart = urlParts[urlParts.length - 1]
const isPlaylist = window.location.pathname.startsWith('/video-playlists/')
- const elementId = lastPart.indexOf('?') === -1 ? lastPart : lastPart.split('?')[ 0 ]
+ const elementId = !lastPart.includes('?') ? lastPart : lastPart.split('?')[0]
const iframe = document.createElement('iframe')
iframe.src = isPlaylist
- ? `/videos/embed/${elementId}?api=1`
- : `/video-playlists/embed/${elementId}?api=1`
+ ? `/video-playlists/embed/${elementId}?api=1`
+ : `/videos/embed/${elementId}?api=1`
+
+ iframe.sandbox.add('allow-same-origin', 'allow-scripts', 'allow-popups')
const mainElement = document.querySelector('#host')
mainElement.appendChild(iframe)
- console.log(`Document finished loading.`)
+ logger.info('Document finished loading.')
const player = new PeerTubePlayer(document.querySelector('iframe'))
- window[ 'player' ] = player
+ window['player'] = player
- console.log(`Awaiting player ready...`)
+ logger.info('Awaiting player ready...')
await player.ready
- console.log(`Player is ready.`)
+ logger.info('Player is ready.')
const monitoredEvents = [
'pause',
]
monitoredEvents.forEach(e => {
- player.addEventListener(e as PlayerEventType, (param) => console.log(`PLAYER: event '${e}' received`, param))
- console.log(`PLAYER: now listening for event '${e}'`)
+ player.addEventListener(e as PlayerEventType, (param) => logger.info(`PLAYER: event '${e}' received`, { param }))
+ logger.info(`PLAYER: now listening for event '${e}'`)
player.getCurrentPosition()
- .then(position => document.getElementById('playlist-position').innerHTML = position + '')
+ .then(position => {
+ document.getElementById('playlist-position').innerHTML = position + ''
+ })
})
let playbackRates: number[] = []
let currentRate = await player.getPlaybackRate()
- const updateRates = async () => {
+ const updateRates = () => {
const rateListEl = document.querySelector('#rate-list')
rateListEl.innerHTML = ''
captionEl.innerHTML = ''
captions.forEach(c => {
- console.log(c)
-
if (c.mode === 'showing') {
const itemEl = document.createElement('strong')
itemEl.innerText = `${c.label} (active)`
updateCaptions()
- const updateResolutions = ((resolutions: PeerTubeResolution[]) => {
+ const updateResolutions = (resolutions: PeerTubeResolution[]) => {
const resolutionListEl = document.querySelector('#resolution-list')
resolutionListEl.innerHTML = ''
resolutionListEl.appendChild(itemEl)
}
})
- })
+ }
player.getResolutions().then(
resolutions => updateResolutions(resolutions))