Odtwarzacz, znak wodny, intra i podglądy

TubePress odtwarza przesłane i oparte na URL wideo za pomocą FluidPlayer, samodzielnie hostowanego odtwarzacza HTML5 dołączonego w vendor/fluidplayer. Wokół niego znajdują się funkcje tworzone podczas transkodowania — znaki wodne, klipy intro i outro oraz miniatury podglądu podczas przewijania — a także podglądy po najechaniu kursorem widoczne na kartach list.

Zachowanie odtwarzacza jest konfigurowane w Wygląd → Oglądanie; funkcje znaku wodnego, intro i osi czasu mają swoje własne podzakładki /admin/settings?tab=transcode, ponieważ są kodowane do wideo, a nie przełączane podczas odtwarzania.

Odtwarzacz wideo

Dla przesłanego lub opartego na URL wideo TubePress renderuje element <video> z jednym <source> na każdą wersję i inicjalizuje na nim FluidPlayer. Ponieważ każda wersja jest wymieniona jako oddzielne źródło oznaczone jakością (i oznaczone HD przy 720p i powyżej), odtwarzacz udostępnia wbudowane menu jakości. Kolor akcentu odpowiada głównemu kolorowi twojego motywu, a sterowanie automatycznie ukrywa się podczas odtwarzania.

Pakiet zawiera moduły do adaptacyjnego przesyłania strumieniowego (HLS i MPEG-DASH), WebVTT oraz odtwarzania 360°/VR, więc może obsługiwać więcej niż zwykły MP4, gdy jest to potrzebne. Filmy zawierające kod osadzania całkowicie pomijają FluidPlayer i zamiast tego renderują swój źródłowy iframe.

Znaki wodne

Znak wodny to logo nałożone na wideo. W TubePress jest on kodowany do każdej wersji przez FFmpeg podczas transkodowania, a nie rysowany przez odtwarzacz — dlatego nie może być usunięty po stronie klienta, ale wymaga transkodowania i pojawia się tylko na filmach przetworzonych po jego włączeniu. Skonfiguruj go w podzakładce Znak wodny:

Podgląd na żywo w edytorze pokazuje w przybliżeniu, jak będzie wyglądać nakładka, ale ostateczny znak jest nakładany przez FFmpeg przy kolejnym kodowaniu.

Intro pre-roll

Możesz dołączyć krótki klip na początku każdego wideo — intro pre-roll — i dołączyć outro post-roll, oba w podzakładce Intro. Każdy z nich jest przesłanym plikiem MP4, przechowywanym w uploads/intros/. Podobnie jak znaki wodne, są częścią kodowania: podczas transkodowania każdy klip jest ponownie kodowany, aby dopasować dokładną rozdzielczość, kodek i szybkość transmisji każdego formatu wyjściowego, a następnie bezproblemowo łączony, więc nie ma skoku jakości w trakcie transmisji.

W przypadku klipów reklamowych odtwarzanych wewnątrz odtwarzacza, a nie kodowanych do pliku, zamiast tego użyj VAST pre/mid/post-roll z systemu Reklam.

Podglądy osi czasu

Podglądy osi czasu to małe miniatury pojawiające się podczas przewijania paska postępu. W podzakładce Oś czasu, włączenie opcji Generuj zrzuty ekranu osi czasu sprawia, że transkoder buduje sprite klatek oraz mapę timeline.vtt, którą FluidPlayer automatycznie podłącza do paska przewijania, gdy tylko będzie gotowa.

Sprite jest generowany jako osobne zadanie w kolejce, więc podglądy mogą pojawić się wkrótce po opublikowaniu samego wideo.

Podglądy po najechaniu

Niezależnie od odtwarzacza, karty list odtwarzają krótki klip podglądu, gdy odwiedzający najedzie na nie kursorem — prawdziwy preview.mp4 dla każdego wideo, a nie sprite osi czasu. Kontrolowane jest to przez ustawienie najechania na kartę w opcjach wyglądu motywu i daje przeglądarce szybki wgląd w każde wideo bez otwierania strony oglądania.

Ustawienia odtwarzacza

Otwórz Wygląd → Oglądanie, aby skonfigurować odtwarzacz. Te opcje dotyczą tylko przesłanych i opartych na URL filmów, a nie osadzonych.

Ten sam ekran przełącza, jakie metadane pojawiają się wokół odtwarzacza — wyświetlenia, czas trwania, data publikacji, polubienie/niepolubienie i przycisk ulubionych, a także sekcje gwiazd porno, kanałów, kategorii i tagów — oraz ustawia, ile powiązanych filmów (2–20) wyświetla się na pasku bocznym.

Następne kroki