Ga naar inhoud
TubePress — gratis, zelf gehost & actief onderhouden
Media & transcoderen

Speler, watermerk, intro's & previews

De videospeler, watermerken, pre-roll-intro's en previewthumbnails bij hover en scrubben.

TubePress speelt geüploade en URL-gebaseerde video's af met FluidPlayer, een zelfgehoste HTML5-speler die is meegeleverd in vendor/fluidplayer. Daaromheen zitten verschillende functies die worden geproduceerd tijdens transcodering — watermerken, intro- en outroclips, en miniaturen voor scrubvoorvertoning — plus de hovervoorvertoningen die worden getoond op lijstkaarten.

Het gedrag van de speler wordt geconfigureerd onder Weergave → Kijken; de functies voor watermerk, intro en tijdlijn bevinden zich op hun respectieve subtabbladen van /admin/settings?tab=transcode omdat ze worden gecodeerd in de video, niet in-/uitgeschakeld tijdens het afspelen.

De videospeler

Voor een geüpload of URL-gebaseerde video rendert TubePress een <video>-element met één <source> per weergave en initialiseert FluidPlayer erop. Omdat elke weergave als afzonderlijke bron wordt vermeld met bijbehorend kwaliteitslabel (en gemarkeerd als HD bij 720p en hoger), biedt de speler een ingebouwd kwaliteitsmenu. De accentkleur volgt de primaire kleur van uw thema, en de besturingselementen worden automatisch verborgen tijdens het afspelen.

Het pakket bevat modules voor adaptief streamen (HLS en MPEG-DASH), WebVTT en 360°/VR-weergave, zodat het meer dan gewone MP4 aankan wanneer nodig. Video's met een insluitcode omzeilen FluidPlayer volledig en renderen in plaats daarvan hun bron-iframe.

Zolang er geen weergaven bestaan, toont de speler een tijdelijke aanduiding. Een nieuw geüploade video zonder afspeelbare bron toont een paneel “Video wordt verwerkt…” totdat transcodering de eerste weergave produceert.

Watermerken

Een watermerk is een logo dat over de video wordt geplaatst. In TubePress wordt het door FFmpeg in elke weergave gecodeerd tijdens transcodering in plaats van door de speler getekend — zodat het niet aan de clientzijde kan worden verwijderd, maar het vereist wel transcodering en verschijnt alleen op video's die worden verwerkt nadat u het hebt ingeschakeld. Configureer het op het subtabblad Watermerk:

Afbeelding
Een PNG-upload — transparantie aanbevolen.
Positie
Linksboven, rechtsboven, linksonder, rechtsonder, midden of willekeurig.
Dekking
10–100% (standaard 80).
Maximale breedte
5–50% van de videobreedte (standaard 15).
Opvulling
Afstand tot de randen, als percentage van de breedte.

Een livevoorvertoning in de editor toont bij benadering hoe de overlay zal worden geplaatst, maar het definitieve merk wordt door FFmpeg toegepast bij de volgende codering.

Pre-roll intro's

U kunt een korte clip toevoegen voor elke video — een pre-roll-intro — en een post-roll-outro toevoegen, beide op het subtabblad Intro's. Elk is een MP4-upload, opgeslagen onder uploads/intros/. Net als watermerken maken ze deel uit van de codering: tijdens transcodering wordt elke clip opnieuw gecodeerd om exact overeen te komen met de resolutie, codec en bitrate van elk uitvoerformaat en vervolgens naadloos samengevoegd, zodat er geen kwaliteitssprong is midden in de stream.

Houd ze kort. 5–15 seconden werkt het beste. Omdat ze worden ingebakken in de gecodeerde versie, verschijnt een intro die vandaag is toegevoegd alleen op video's die vanaf nu worden getranscodeerd.

Voor advertentieclips die binnen de speler worden afgespeeld in plaats van in het bestand te worden gecodeerd, gebruikt u in plaats daarvan VAST pre/mid/post-rolls van het Advertenties-systeem.

Tijdlijnvoorvertoningen

Tijdlijnvoorvertoningen zijn de kleine miniaturen die verschijnen terwijl u over de voortgangsbalk scrubbet. Op het subtabblad Tijdlijn zorgt het inschakelen van Tijdlijnschermafbeeldingen genereren ervoor dat de transcoder een sprite van frames plus een timeline.vtt-kaart bouwt, die FluidPlayer automatisch koppelt aan de zoekbalk zodra deze gereed is.

Aantal schermafbeeldingen
5–60 (standaard 10) — meer betekent vloeiender scrubben maar een grotere sprite.
Begin na
0–300 seconden — intro's of zwarte frames aan het begin van de video overslaan.

De sprite wordt gegenereerd als een eigen wachtrijtaak, zodat voorvertoningen kort na de publicatie van de video zelf kunnen verschijnen.

Hovervoorvertoningen

Los van de speler spelen lijstkaarten een korte voorvertoningsclip af wanneer de bezoeker er overheen beweegt — een echte per-video preview.mp4, niet de tijdlijnsprite. Dit wordt bepaald door de hover-instelling van de kaart in de weergaveopties van uw thema en geeft bezoekers een snelle indruk van elke video zonder de kijkpagina te openen.

Twee verschillende bestanden. De hoverclip op kaarten (preview.mp4) en de scrubminiaturen op de speler van de kijkpagina (de tijdlijnsprite) worden afzonderlijk gemaakt — een video kan één van beide hebben zonder het andere.

Spelerinstellingen

Open Weergave → Kijken om de speler te beheren. Deze opties gelden alleen voor geüploade en URL-gebaseerde video's, niet voor ingesloten video's.

Standaardkwaliteit
Auto, 1080p, 720p, 480p of 360p. Als de gekozen kwaliteit ontbreekt, wordt de dichtstbijzijnde lagere gebruikt, met terugval naar de hoogst beschikbare.
Afspeelsnelheid
Bied 0,5× tot 2× snelheidsbesturingselementen aan.
Downloadknop
Toon een downloadbesturingselement in de speler.
Herhaalweergave
Start automatisch opnieuw wanneer de video eindigt.
Dubbelklik voor volledig scherm
Ga naar volledig scherm bij dubbelklik.

Hetzelfde scherm schakelt in welke metadata rondom de speler wordt weergegeven — weergaven, duur, publicatiedatum, vind ik leuk/niet leuk en de favorietenknop, plus de secties voor pornosterren, kanalen, categorieën en tags — en stelt in hoeveel gerelateerde video's (2–20) in de zijbalk worden weergegeven.

Downloadknop versus directe beveiliging. Het inschakelen van de downloadknop in de speler publiceert een directe koppeling naar het bestand. Als u vertrouwt op beveiligde URL's en snelheidsbeperking van Opslag, laat het dan uitgeschakeld.

Volgende stappen

Nog vastgelopen?

Open een ticket vanuit uw dashboard en ons team helpt u verder.

Probeer de live demo → TubePress downloaden →