एचएलएस और डैश एडेप्टिव स्ट्रीमिंग का उपयोग करके अपनी वेबसाइट पर एचटीएमएल 5 वीडियो प्लेयर कैसे एम्बेड करें

एडोब का फ्लैश प्लेयर लंबे समय से इंटरनेट के लिए प्राथमिक वीडियो प्लेयर के रूप में उपयोग किया जाता है। यह लंबे समय तक शासन करता रहा लेकिन इसे ऐसे प्रोटोकॉल द्वारा प्रतिस्थापित किया जा रहा है जो तेज, कुशल हैं और आसान फ़ाइल प्रबंधन के लिए हैं। Google Chrome ने फ्लैश को भी ब्लॉक करना शुरू कर दिया है और यह जल्द ही एडोब फ्लैश के लिए अपना समर्थन पूरी तरह से समाप्त कर देगा। इस विरासत प्रोटोकॉल को पूरी तरह से बदलने में कुछ समय लग सकता है, लेकिन यह निश्चित रूप से इसके लाभों के बारे में लाता है। नए ब्राउज़र में से कुछ में एचएलएस (HTTP लाइव स्ट्रीमिंग) के लिए देशी समर्थन हैं।



एचटीएमएल 5 और एचएलएस ओपन-सोर्स प्रोटोकॉल हैं, जिसका अर्थ है कि कोई भी अपने कोड को संशोधित कर सकता है और अपनी वेबसाइट पर उनका उपयोग कर सकता है, पूरी तरह से मुफ्त। प्लेबैक गुणवत्ता के कई अलग-अलग मानकों में एक वीडियो एन्कोडिंग, संलग्न कैप्शन और बैंडविड्थ के अनुसार वीडियो की गुणवत्ता का अनुकूलन HLS वीडियो स्ट्रीमिंग के साथ सहज बनाया गया है। HTML निवासी के कारण टैग, एचटीएमएल 5 स्ट्रीमिंग कोड में आता है, जिससे एचएलएस और डीएएस पर आसानी से स्ट्रीमिंग हो सकती है। DASH और HLS छोटे खंडों में एक वीडियो स्ट्रीम को तोड़ते हैं जिसका उपयोग HTML5 वीडियो प्लेयर के लिए किया जा सकता है। वे उस समय को कम कर देते हैं जो आपको एक वीडियो को बजाने से पहले बफ़र करना होता है और किसी भी प्रकार की हकलाने वाली समस्याएँ जो आप स्ट्रीम देखते समय सामना कर सकते हैं। लाभ केवल दर्शक तक ही सीमित नहीं हैं बल्कि सामग्री प्रदाता तक भी हैं।

अपनी वेबसाइट पर JWPlayer का उपयोग करके HTML5 वीडियो प्लेयर एम्बेड करें

शुरू करने से पहले, हम सुझाव देते हैं कि JWPlayer से यहाँ । एचएलएस और डीएएसएच के उदय के साथ अनुकूली स्ट्रीमिंग उद्देश्यों के लिए उपयोग किया जाता है, कई वीडियो प्लेयर सामने आए हैं जो निश्चित रूप से उपयोगकर्ताओं को उनके लाभ का उचित हिस्सा प्रदान करते हैं। ऐसा ही एक खिलाड़ी है जिसने समय के बाद चुनौतियों का सामना किया है और इसका इस्तेमाल ईएसपीएन और सोनी पिक्चर्स द्वारा किया गया है। सामग्री अपलोड करना, HTML5, iOS, Android और Fire OS पर वीडियो प्लेयर को एम्बेड करना JWPlayer के मूल कोड के साथ आसान बनाया गया है जिसे आपके द्वारा और भी बेहतर उपयोगकर्ता अनुभव के लिए अनुकूलित किया जा सकता है। लेकिन हमारा ध्यान आज एचटीएमएल 5 वीडियो खिलाड़ियों पर है और आप बेहतर अनुकूली स्ट्रीमिंग के लिए एचएलएस और डीएएसएच का उपयोग कैसे कर सकते हैं।



JW प्लेयर क्या प्रदान करता है?

आपको अपने वीडियो अपलोड करने और उन्हें प्लेलिस्ट में बनाने के लिए एक प्लेटफ़ॉर्म प्रदान करने के साथ-साथ, JWPlayer आपको अपने विज्ञापन शेड्यूल और अनुकूलित रिपोर्ट की रिपोर्ट देकर अपने अपलोड किए गए वीडियो के वास्तविक समय के आँकड़े देखने देता है।



अनुकूलित रिपोर्ट



JWPlayer आपके CMS संचालित वेबसाइट के लिए सामग्री प्रबंधन को आसान बनाता है और साथ ही आपको आसानी से कैप्शन, थंबनेल, मेटाडेटा आदि का प्रबंधन करने देता है, इसलिए, JWPlayer का उपयोग और लाभ आपके HTML5 वीडियो को एम्बेड करने के लिए वीडियो प्लेयर होने से परे हैं।

JWPlayer पर वीडियो अपलोड करना

वीडियो अपलोड करें

इससे पहले कि आप अपने HTML5 वेबसाइट पर JWPlayer को एम्बेड करना शुरू करें, पहले JWPlayer प्लेटफॉर्म पर संबंधित वीडियो अपलोड करना महत्वपूर्ण है। शुक्र है, यह बहुत जटिल काम नहीं है क्योंकि आपको केवल उस फ़ाइल का चयन करना है जिसे आप अपलोड करना चाहते हैं।



एक बार वीडियो अपलोड हो जाने के बाद, आप उस वीडियो के मेटाडेटा अनुभाग को संपादित करना शुरू कर सकते हैं, विश्लेषण देख सकते हैं और ट्रैफ़िक आदि की निगरानी कर सकते हैं या HLS के लिए स्रोत प्राप्त कर सकते हैं और संपत्ति टैब से बंद कैप्शन अपलोड कर सकते हैं।

HLS और DASH वीडियो प्लेयर को अनुकूलित करना

वीडियो प्लेयर को एम्बेड करने से पहले, आपको पहले अपनी साइट पर एक खिलाड़ी लाइब्रेरी जोड़ना होगा। तीन तरीके हैं जिनके माध्यम से आप इस उपलब्धि को पूरा कर सकते हैं। एपीआई कॉल के साथ स्व-होस्टेड, क्लाउड-होस्टेड और क्लाउड-होस्टेड। एपीआई कॉल के साथ क्लाउड होस्टिंग और क्लाउड होस्टिंग के बीच का अंतर बस एपीआई कॉल के आधार पर होता है। डेवलपर्स जो एपीआई कॉल के माध्यम से अपने वीडियो प्लेयर के कार्यान्वयन का प्रबंधन करना चाहते हैं, उन्हें इसका उपयोग करने की सिफारिश की जाती है। सेल्फ मेजबानों के लिए, खिलाड़ी का संस्करण पूरी तरह से आपके द्वारा नियंत्रित होता है। यह ध्यान रखना महत्वपूर्ण है कि खिलाड़ी के लाइसेंस को स्वचालित रूप से घुमाया नहीं जाता है और स्व-मेजबान का उपयोग करते समय मैन्युअल रूप से किया जाना चाहिए।

क्लाउड-होस्टेड प्लेयर को कस्टमाइज़ करना

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

एक बार आपके पास यह सब हो जाने के बाद, आपको अपने वेबपृष्ठ में क्लाउड होस्टेड प्लेयर लाइब्रेरी कोड अपलोड करना होगा JWPlayer को अपनी वेबसाइट पर लोड करने देने के लिए टैग।

वीडियो प्लेयर एम्बेड करना

डिफ़ॉल्ट रूप से, JWPlayer स्वचालित रूप से HTML5 मीडिया इंजन को प्राथमिकता देता है ताकि आपको प्राथमिक प्राथमिकता निर्धारित करने के बारे में चिंता न करनी पड़े। हालाँकि, कुछ मामले आपको बदलने के लिए कह सकते हैं। जब ऐसा होता है, तो आप खिलाड़ी को कस्टमाइज़ कर सकते हैं और इसे अपने तरीके से सेट कर सकते हैं।

एक बार जब आप क्लाउड-होस्टेड प्लेयर लाइब्रेरी को अपने वेबपेज के टैग पर अपलोड कर देते हैं, तो अगला चरण एम्बेडेड कोड अपलोड करना होता है। सबसे पहले, एक बनाएँ में टैग जहां JWPlayer दिखाई देगा। बुलाएं सेट अप() खिलाड़ी को लक्षित में कॉल करने के लिए प्लेलिस्ट संपत्ति के साथ

नीचे एक नमूना का एक उदाहरण है सेट अप() कोड जो JWPlayer द्वारा प्रदान किया गया है, वह स्वयं देवता है:

jwplayer ('myElement')। सेटअप ({'प्लेलिस्ट': 'https://example.com/myVideo.mp4