प्लेयर, वॉटरमार्क, इंट्रो और प्रीव्यू

TubePress अपलोड किए गए और URL-आधारित वीडियो को FluidPlayer के साथ चलाता है, जो एक स्व-होस्टेड HTML5 प्लेयर है और vendor/fluidplayer में बंडल किया गया है। इसके साथ कई विशेषताएं हैं जो ट्रांसकोडिंग के दौरान उत्पन्न होती हैं — वॉटरमार्क, इंट्रो और आउट्रो क्लिप्स, और स्क्रब-प्रिव्यू थंबनेल — साथ ही लिस्टिंग कार्ड पर दिखाई देने वाले होवर प्रीव्यू।

प्लेयर का व्यवहार Appearance → Watch के अंतर्गत कॉन्फ़िगर किया जाता है; वॉटरमार्क, इंट्रो और टाइमलाइन फीचर उनके संबंधित /admin/settings?tab=transcode सब-टैब पर स्थित हैं क्योंकि वे वीडियो में एन्कोड किए जाते हैं, न कि प्लेबैक के समय टॉगल किए जाते हैं।

वीडियो प्लेयर

अपलोड किए गए या URL-आधारित वीडियो के लिए, TubePress एक <video> एलीमेंट रेंडर करता है जिसमें प्रति रेंडिशन एक <source> होता है और उस पर FluidPlayer इनिशियलाइज़ करता है। क्योंकि प्रत्येक रेंडिशन एक अलग सोर्स के रूप में सूचीबद्ध है जिस पर उसकी गुणवत्ता का लेबल है (और 720p और उससे ऊपर HD के रूप में चिह्नित), प्लेयर एक बिल्ट-इन गुणवत्ता मेनू प्रदान करता है। एक्सेंट रंग आपके थीम के प्राइमरी रंग का अनुसरण करता है, और प्लेबैक के दौरान कंट्रोल्स स्वतः छिप जाते हैं।

बंडल अडैप्टिव स्ट्रीमिंग (HLS और MPEG-DASH), WebVTT, और 360°/VR प्लेबैक के मॉड्यूल के साथ आता है, इसलिए जरूरत पड़ने पर यह सामान्य MP4 से अधिक को संभाल सकता है। जिन वीडियो में embed code होता है वे FluidPlayer को पूरी तरह बाईपास करते हैं और इसके बजाय अपना सोर्स iframe रेंडर करते हैं।

वॉटरमार्क

वॉटरमार्क एक लोगो है जो वीडियो पर ओवरले किया जाता है। TubePress में यह ट्रांसकोडिंग के दौरान FFmpeg द्वारा प्रत्येक रेंडिशन में एन्कोड किया जाता है न कि प्लेयर द्वारा बनाया जाता है — इसलिए इसे क्लाइंट-साइड से हटाया नहीं जा सकता, लेकिन इसके लिए ट्रांसकोडिंग आवश्यक है और यह केवल उन वीडियो पर दिखाई देता है जो इसे सक्षम करने के बाद प्रोसेस किए जाते हैं। इसे Watermark सब-टैब पर कॉन्फ़िगर करें:

एडिटर में एक लाइव प्रीव्यू दिखाता है कि ओवरले लगभग कैसा दिखेगा, लेकिन अंतिम मार्क अगले एन्कोड पर FFmpeg द्वारा लागू किया जाता है।

प्री-रोल इंट्रो

आप प्रत्येक वीडियो में एक छोटा क्लिप जोड़ सकते हैं — एक pre-roll इंट्रो — और एक post-roll आउट्रो, दोनों Intros सब-टैब पर। प्रत्येक एक MP4 अपलोड है, जो uploads/intros/ के अंतर्गत संग्रहीत है। वॉटरमार्क की तरह, वे एन्कोड का हिस्सा हैं: ट्रांसकोडिंग के दौरान प्रत्येक क्लिप को प्रत्येक आउटपुट फॉर्मेट के सटीक रिज़ॉल्यूशन, कोडेक और बिटरेट से मिलान करने के लिए पुनः एन्कोड किया जाता है और फिर सहजता से जोड़ा जाता है, इसलिए मध्य-स्ट्रीम में गुणवत्ता में कोई उछाल नहीं आता।

फ़ाइल में एन्कोड होने की बजाय प्लेयर के अंदर चलने वाले विज्ञापन क्लिप के लिए, इसके बजाय Ads सिस्टम से VAST pre/mid/post-rolls का उपयोग करें।

टाइमलाइन प्रीव्यू

टाइमलाइन प्रीव्यू छोटे थंबनेल हैं जो प्रोग्रेस बार स्क्रब करते समय दिखाई देते हैं। Timeline सब-टैब पर, Generate timeline screenshots सक्षम करने से ट्रांसकोडर फ्रेम का एक स्प्राइट और एक timeline.vtt मैप बनाता है, जिसे FluidPlayer तैयार होने पर स्वतः सीक बार में जोड़ता है।

स्प्राइट अपने स्वयं के क्यू जॉब के रूप में जेनरेट होता है, इसलिए प्रीव्यू वीडियो के प्रकाशित होने के कुछ समय बाद दिखाई दे सकते हैं।

होवर प्रीव्यू

प्लेयर से अलग, लिस्टिंग कार्ड विज़िटर के होवर करने पर एक छोटा प्रीव्यू क्लिप चलाते हैं — एक वास्तविक प्रति-वीडियो preview.mp4, टाइमलाइन स्प्राइट नहीं। यह आपके थीम के एपियरेंस ऑप्शन में कार्ड होवर सेटिंग द्वारा नियंत्रित होता है और ब्राउज़र को वॉच पेज खोले बिना प्रत्येक वीडियो का एक त्वरित स्वाद देता है।

प्लेयर सेटिंग्स

प्लेयर को नियंत्रित करने के लिए Appearance → Watch खोलें। ये विकल्प केवल अपलोड किए गए और URL-आधारित वीडियो पर लागू होते हैं, एम्बेड पर नहीं।

यही स्क्रीन टॉगल करती है कि प्लेयर के चारों ओर कौन सा मेटाडेटा दिखाई देता है — व्यूज, अवधि, प्रकाशन तिथि, लाइक/डिसलाइक और पसंदीदा बटन, साथ ही पोर्नस्टार, चैनल, श्रेणियां और टैग अनुभाग — और सेट करती है कि साइडबार में कितने संबंधित वीडियो (2–20) दिखाई देते हैं।

अगले चरण