Lecteur, filigrane, intros et aperçus

TubePress lit les vidéos importées et basées sur une URL avec FluidPlayer, un lecteur HTML5 auto-hébergé inclus dans vendor/fluidplayer. Autour de lui se trouvent plusieurs fonctionnalités produites lors du transcodage — filigranes, clips d'intro et d'outro, et miniatures de prévisualisation — ainsi que les aperçus au survol affichés sur les cartes de liste.

Le comportement du lecteur est configuré sous Apparence → Lecture ; les fonctionnalités de filigrane, d'intro et de chronologie se trouvent sur leurs sous-onglets respectifs de /admin/settings?tab=transcode car elles sont encodées dans la vidéo, et non activées au moment de la lecture.

Le lecteur vidéo

Pour une vidéo importée ou basée sur une URL, TubePress génère un élément <video> avec une <source> par rendu et initialise FluidPlayer sur celui-ci. Comme chaque rendu est listé comme une source distincte avec son étiquette de qualité (et signalé HD à partir de 720p), le lecteur expose un menu de qualité intégré. La couleur d'accentuation suit la couleur primaire de votre thème, et les commandes se masquent automatiquement pendant la lecture.

Le bundle intègre des modules pour la diffusion adaptative (HLS et MPEG-DASH), WebVTT et la lecture 360°/VR, de sorte qu'il peut gérer plus que du MP4 simple si nécessaire. Les vidéos comportant un code d'intégration contournent entièrement FluidPlayer et affichent à la place leur iframe source.

Filigranes

Un filigrane est un logo superposé sur la vidéo. Dans TubePress, il est encodé dans chaque rendu par FFmpeg lors du transcodage plutôt que dessiné par le lecteur — il ne peut donc pas être supprimé côté client, mais nécessite un transcodage et n'apparaît que sur les vidéos traitées après son activation. Configurez-le dans le sous-onglet Filigrane :

Un aperçu en direct dans l'éditeur montre approximativement la position de la superposition, mais le filigrane final est appliqué par FFmpeg lors du prochain encodage.

Intros pré-roll

Vous pouvez ajouter un court clip au début de chaque vidéo — un intro pré-roll — et un outro post-roll à la fin, tous deux configurables dans le sous-onglet Intros. Chacun est un fichier MP4 importé, stocké sous uploads/intros/. Comme les filigranes, ils font partie de l'encodage : pendant le transcodage, chaque clip est ré-encodé pour correspondre exactement à la résolution, au codec et au débit de chaque format de sortie, puis concaténé de manière transparente, sans saut de qualité en cours de flux.

Pour les clips publicitaires lus à l'intérieur du lecteur plutôt qu'encodés dans le fichier, utilisez les pré/mi/post-rolls VAST du système Publicités à la place.

Aperçus de la chronologie

Les aperçus de la chronologie sont les petites miniatures qui apparaissent lorsque vous faites défiler la barre de progression. Dans le sous-onglet Chronologie, l'activation de Générer des captures d'écran de la chronologie fait construire par le transcodeur un sprite de frames ainsi qu'une carte timeline.vtt, que FluidPlayer intègre automatiquement dans la barre de défilement dès qu'elle est prête.

Le sprite est généré en tant que tâche de file d'attente distincte, de sorte que les aperçus peuvent apparaître peu après la publication de la vidéo elle-même.

Aperçus au survol

Indépendamment du lecteur, les cartes de liste lisent un court clip d'aperçu lorsque le visiteur les survole — un vrai preview.mp4 par vidéo, pas le sprite de chronologie. Cela est contrôlé par le paramètre de survol des cartes dans les options d'apparence de votre thème et offre aux visiteurs un bref aperçu de chaque vidéo sans ouvrir la page de lecture.

Paramètres du lecteur

Ouvrez Apparence → Lecture pour contrôler le lecteur. Ces options s'appliquent uniquement aux vidéos importées et basées sur une URL, pas aux intégrations.

Le même écran permet de choisir les métadonnées affichées autour du lecteur — vues, durée, date de publication, j'aime/je n'aime pas et le bouton favori, ainsi que les sections des pornstars, chaînes, catégories et tags — et définit le nombre de vidéos connexes (2–20) affichées dans la barre latérale.

Étapes suivantes