Reproductor, marca de agua, introducciones y vistas previas

TubePress reproduce vídeos subidos y basados en URL con FluidPlayer, un reproductor HTML5 autoalojado incluido en vendor/fluidplayer. A su alrededor se encuentran varias funciones que se generan durante la transcodificación — marcas de agua, clips de intro y outro, y miniaturas de vista previa al desplazarse — además de las vistas previas al pasar el cursor que se muestran en las tarjetas de listado.

El comportamiento del reproductor se configura en Apariencia → Ver; las funciones de marca de agua, intro y línea de tiempo se encuentran en sus respectivas subpestañas de /admin/settings?tab=transcode porque se codifican en el vídeo, no se activan en el momento de la reproducción.

El reproductor de vídeo

Para un vídeo subido o basado en URL, TubePress renderiza un elemento <video> con un <source> por versión e inicializa FluidPlayer sobre él. Dado que cada versión se lista como una fuente independiente etiquetada con su calidad (y marcada como HD a 720p y superior), el reproductor expone un menú de calidad integrado. El color de acento sigue el color primario de tu tema, y los controles se ocultan automáticamente durante la reproducción.

El paquete incluye módulos para streaming adaptativo (HLS y MPEG-DASH), WebVTT y reproducción en 360°/VR, por lo que puede gestionar más que MP4 simple cuando sea necesario. Los vídeos que llevan un código de incrustación omiten FluidPlayer por completo y renderizan su iframe de origen en su lugar.

Marcas de agua

Una marca de agua es un logotipo superpuesto en el vídeo. En TubePress se codifica en cada versión mediante FFmpeg durante la transcodificación en lugar de ser dibujada por el reproductor — por lo que no puede eliminarse en el lado del cliente, pero requiere transcodificación y solo aparece en los vídeos procesados después de habilitarla. Configúrala en la subpestaña Marca de agua:

Una vista previa en tiempo real en el editor muestra aproximadamente cómo quedará la superposición, pero la marca final la aplica FFmpeg en la siguiente codificación.

Intros pre-roll

Puedes anteponer un clip corto a cada vídeo — un intro pre-roll — y añadir un outro post-roll, ambos en la subpestaña Intros. Cada uno es una carga MP4, almacenada en uploads/intros/. Al igual que las marcas de agua, forman parte de la codificación: durante la transcodificación, cada clip se recodifica para coincidir con la resolución exacta, el códec y la tasa de bits de cada formato de salida y luego se concatena sin interrupciones, por lo que no hay salto de calidad en mitad del flujo.

Para clips publicitarios que se reproduzcan dentro del reproductor en lugar de codificarse en el archivo, usa en su lugar los pre/mid/post-rolls VAST del sistema de Anuncios.

Vistas previas de la línea de tiempo

Las vistas previas de la línea de tiempo son las pequeñas miniaturas que aparecen al desplazarse por la barra de progreso. En la subpestaña Línea de tiempo, habilitar Generar capturas de pantalla de la línea de tiempo hace que el transcodificador construya un sprite de fotogramas más un mapa timeline.vtt, que FluidPlayer conecta automáticamente a la barra de búsqueda una vez que está listo.

El sprite se genera como su propio trabajo en cola, por lo que las vistas previas pueden aparecer poco después de que el propio vídeo se publique.

Vistas previas al pasar el cursor

Separadas del reproductor, las tarjetas de listado reproducen un clip de vista previa corto cuando el visitante pasa el cursor sobre ellas — un preview.mp4 real por vídeo, no el sprite de la línea de tiempo. Esto está controlado por la configuración de desplazamiento de la tarjeta en las opciones de apariencia de tu tema y ofrece a los visitantes un vistazo rápido de cada vídeo sin abrir la página de reproducción.

Configuración del reproductor

Abre Apariencia → Ver para controlar el reproductor. Estas opciones se aplican únicamente a vídeos subidos y basados en URL, no a incrustaciones.

La misma pantalla activa qué metadatos aparecen alrededor del reproductor — vistas, duración, fecha de publicación, botones de me gusta/no me gusta y favorito, más las secciones de pornstars, canales, categorías y etiquetas — y establece cuántos vídeos relacionados (2–20) se muestran en la barra lateral.

Próximos pasos