Player, watermark, intro e anteprime

TubePress riproduce video caricati e basati su URL con FluidPlayer, un player HTML5 self-hosted incluso in vendor/fluidplayer. Intorno ad esso si trovano diverse funzionalità prodotte durante la transcodifica — filigrane, clip di intro e outro, e miniature di anteprima al trascinamento — oltre alle anteprime al passaggio del mouse mostrate nelle schede degli elenchi.

Il comportamento del player è configurato in Aspetto → Guarda; le funzionalità di filigrana, intro e timeline si trovano nelle rispettive sotto-schede di /admin/settings?tab=transcode perché vengono codificate nel video, non attivate al momento della riproduzione.

Il player video

Per un video caricato o basato su URL, TubePress renderizza un elemento <video> con un <source> per ogni rendition e inizializza FluidPlayer su di esso. Poiché ogni rendition è elencata come sorgente separata con la propria qualità (contrassegnata come HD a 720p e oltre), il player espone un menu di selezione della qualità integrato. Il colore di accento segue il colore primario del tuo tema e i controlli si nascondono automaticamente durante la riproduzione.

Il bundle include moduli per lo streaming adattivo (HLS e MPEG-DASH), WebVTT e la riproduzione a 360°/VR, quindi può gestire più dei semplici MP4 quando necessario. I video con un codice embed bypassano completamente FluidPlayer e rendono invece il loro iframe sorgente.

Filigrane

Una filigrana è un logo sovrapposto al video. In TubePress viene codificata in ogni rendition da FFmpeg durante la transcodifica anziché disegnata dal player — quindi non può essere rimossa lato client, ma richiede la transcodifica e appare solo sui video elaborati dopo averla abilitata. Configurarla nella sotto-scheda Filigrana:

Un'anteprima live nell'editor mostra approssimativamente come sarà posizionata la sovrapposizione, ma il segno finale viene applicato da FFmpeg alla prossima codifica.

Intro pre-roll

Puoi anteporre una breve clip a ogni video — un intro pre-roll — e aggiungere un outro post-roll, entrambi nella sotto-scheda Intro. Ciascuno è un caricamento MP4, archiviato in uploads/intros/. Come le filigrane, fanno parte della codifica: durante la transcodifica ogni clip viene ricodificata per corrispondere esattamente alla risoluzione, al codec e al bitrate di ogni formato di output e poi concatenata senza interruzioni, quindi non c'è un salto di qualità nel mezzo dello stream.

Per le clip pubblicitarie che vengono riprodotte all'interno del player anziché essere codificate nel file, usa i pre/mid/post-roll VAST del sistema Ads.

Anteprime timeline

Le anteprime timeline sono le piccole miniature che appaiono mentre si trascina la barra di avanzamento. Nella sotto-scheda Timeline, abilitando Genera screenshot timeline il transcodificatore crea uno sprite di fotogrammi più una mappa timeline.vtt, che FluidPlayer collega automaticamente alla barra di avanzamento una volta pronta.

Lo sprite viene generato come un proprio job in coda, quindi le anteprime possono apparire poco dopo la pubblicazione del video stesso.

Anteprime al passaggio del mouse

Separato dal player, le schede degli elenchi riproducono una breve clip di anteprima quando il visitatore vi passa sopra con il mouse — un vero preview.mp4 per ogni video, non lo sprite timeline. Questo è controllato dall'impostazione hover della scheda nelle opzioni di aspetto del tuo tema e offre agli utenti un rapido assaggio di ogni video senza aprire la pagina di visione.

Impostazioni del player

Apri Aspetto → Guarda per controllare il player. Queste opzioni si applicano solo ai video caricati e basati su URL, non agli embed.

La stessa schermata consente di attivare/disattivare i metadati che appaiono intorno al player — visualizzazioni, durata, data di pubblicazione, mi piace/non mi piace e il pulsante preferiti, oltre alle sezioni di pornostar, canali, categorie e tag — e imposta quanti video correlati (2–20) appaiono nella barra laterale.

Prossimi passi