Pemutar, watermark, intro & pratinjau

TubePress memutar video yang diunggah maupun berbasis URL dengan FluidPlayer, sebuah pemutar HTML5 yang dihosting sendiri dan dibundel dalam vendor/fluidplayer. Di sekelilingnya terdapat beberapa fitur yang dihasilkan selama proses transcoding — watermark, klip intro dan outro, serta thumbnail pratinjau scrub — ditambah pratinjau hover yang ditampilkan pada kartu daftar.

Perilaku pemutar dikonfigurasi di Tampilan → Tonton; fitur watermark, intro, dan timeline berada di sub-tab /admin/settings?tab=transcode masing-masing karena fitur-fitur tersebut dikodekan ke dalam video, bukan diaktifkan saat pemutaran.

Pemutar video

Untuk video yang diunggah atau berbasis URL, TubePress merender elemen <video> dengan satu <source> per rendisi dan menginisialisasi FluidPlayer di atasnya. Karena setiap rendisi terdaftar sebagai sumber terpisah yang diberi label kualitasnya (dan ditandai HD pada 720p ke atas), pemutar menampilkan menu kualitas bawaan. Warna aksen mengikuti warna utama tema Anda, dan kontrol tersembunyi secara otomatis saat pemutaran.

Bundle ini menyertakan modul untuk streaming adaptif (HLS dan MPEG-DASH), WebVTT, dan pemutaran 360°/VR, sehingga dapat menangani lebih dari sekadar MP4 biasa jika diperlukan. Video yang memiliki kode embed melewati FluidPlayer sepenuhnya dan merender iframe sumbernya sebagai gantinya.

Watermark

Watermark adalah logo yang dilapisi pada video. Di TubePress, watermark dikodekan ke setiap rendisi oleh FFmpeg selama transcoding dan bukan digambar oleh pemutar — sehingga tidak dapat dihapus dari sisi klien, namun memerlukan transcoding dan hanya muncul pada video yang diproses setelah Anda mengaktifkannya. Konfigurasikan di sub-tab Watermark:

Pratinjau langsung di editor menunjukkan perkiraan posisi overlay, tetapi tanda akhir diterapkan oleh FFmpeg pada encode berikutnya.

Intro pre-roll

Anda dapat menambahkan klip pendek di awal setiap video — intro pre-roll — dan menambahkan outro post-roll di akhir, keduanya pada sub-tab Intros. Masing-masing merupakan unggahan MP4, disimpan di uploads/intros/. Seperti watermark, keduanya merupakan bagian dari encode: selama transcoding setiap klip di-encode ulang agar sesuai dengan resolusi, codec, dan bitrate yang tepat dari setiap format keluaran, lalu disambungkan secara mulus, sehingga tidak ada lompatan kualitas di tengah aliran.

Untuk klip iklan yang diputar di dalam pemutar daripada dikodekan ke dalam file, gunakan VAST pre/mid/post-roll dari sistem Ads sebagai gantinya.

Pratinjau timeline

Pratinjau timeline adalah thumbnail kecil yang muncul saat Anda menggeser bilah kemajuan. Pada sub-tab Timeline, mengaktifkan Generate timeline screenshots membuat transcoder membangun sprite frame beserta peta timeline.vtt, yang secara otomatis dihubungkan FluidPlayer ke bilah pencarian setelah siap.

Sprite dihasilkan sebagai pekerjaan antrian tersendiri, sehingga pratinjau dapat muncul segera setelah video itu sendiri dipublikasikan.

Pratinjau hover

Terpisah dari pemutar, kartu daftar memutar klip pratinjau singkat saat pengunjung mengarahkan kursor ke atasnya — sebuah preview.mp4 nyata per video, bukan sprite timeline. Ini dikendalikan oleh pengaturan hover kartu di opsi tampilan tema Anda dan memberikan pengunjung gambaran singkat setiap video tanpa membuka halaman tonton.

Pengaturan pemutar

Buka Tampilan → Tonton untuk mengontrol pemutar. Opsi-opsi ini hanya berlaku untuk video yang diunggah dan berbasis URL, tidak untuk embed.

Layar yang sama mengaktifkan/menonaktifkan metadata apa yang muncul di sekitar pemutar — tampilan, durasi, tanggal publikasi, suka/tidak suka dan tombol favorit, ditambah bagian pornstars, channels, categories, dan tags — serta mengatur berapa banyak video terkait (2–20) yang ditampilkan di bilah samping.

Langkah selanjutnya