किसी वेब पेज पर मीडिया जोड़ने के कई तरीके हैं. पहले आपने स्टैंडर्ड <video> टैग
इस्तेमाल करने का तरीका सीखा. इस लेख में आपको कुछ उपलब्ध मीडिया फ़्रेमवर्क (या लाइब्रेरी) के बारे में जानकारी मिलेगी. इनका इस्तेमाल करके, डिफ़ॉल्ट HTML5 वीडियो प्लेयर के काम करने के तरीके को बढ़ाया जा सकता है या उसे बदला जा सकता है.
मीडिया फ़्रेमवर्क, मालिकाना और ओपन-सोर्स, दोनों तरह के होते हैं. इनमें ऐसे एपीआई का सेट है जो अलग-अलग कंटेनर फ़ॉर्मैट और ट्रांसमिशन प्रोटोकॉल के लिए, ऑडियो और/या वीडियो चलाने की सुविधा देता है. एक अच्छे फ़्रेमवर्क में मॉड्यूलर आर्किटेक्चर होता है. साथ ही, इसमें साफ़ और पूरी जानकारी देने वाले दस्तावेज़ मौजूद होते हैं. आम तौर पर, इसे सेट अप और इस्तेमाल करना भी आसान होना चाहिए. आपके मन में ये सवाल आ सकते हैं कि "अगर HTML5 वीडियो प्लेयर में पहले से ही ज़्यादातर सुविधाएं हैं, तो मुझे फ़्रेमवर्क या लाइब्रेरी का इस्तेमाल क्यों करना चाहिए?" यह एक बढ़िया सवाल है, चलिए शुरू करते हैं.
फ़्रेमवर्क इस्तेमाल करने के फ़ायदे
ज़्यादातर मामलों में, बुनियादी वेब पेज की ज़रूरतों को पूरा नहीं करना होता है. ऐसे में, अपना कॉन्टेंट दिखाने के लिए आपको मीडिया फ़्रेमवर्क का इस्तेमाल करना चाहिए. जब तक आप ऑफ़लाइन प्लेबैक, स्ट्रीमिंग, Analytics, पिक्चर में पिक्चर, झलक के तौर पर थंबनेल, एम्बेड करने, और कमाई करने जैसे रिच फ़ीचर सेट बनाने और उन्हें बनाए रखने के लिए तैयार नहीं हैं, जैसे कि फ़िल रेट ऑप्टिमाइज़ेशन, विज्ञापन शेड्यूलिंग या हेडर बिडिंग तो आपको इन मुश्किलों को किसी मौजूदा समाधान पर लागू करना चाहिए.
ऐसे में, मीडिया फ़्रेमवर्क का इस्तेमाल किया जाता है. इनसे आपको सुविधाओं और शर्तों का ऐसा सेट मिलता है जिसमें उन सुविधाओं का इस्तेमाल किया जा सकता है. इसके बाद, आपको यह तय करना होता है कि आपके प्रोजेक्ट के लिए कौनसा फ़्रेमवर्क सही है. अगले लेख में, हम बात करेंगे कि हमने ऑफ़लाइन स्ट्रीमिंग की सुविधा वाला पीडब्ल्यूए कैसे बनाया है, जिसमें कई मुश्किल सुविधाएं शामिल हैं. आपको बता दें कि इस काम में बहुत मेहनत लगती थी और अभी भी प्रोडक्शन के लिए तैयार समाधान नहीं है. अपनी परेशानी से बचें और फ़्रेमवर्क का इस्तेमाल करें.
कॉन्टेंट बनाने के लिए आपके पास कई विकल्प हैं. फ़िलहाल, यह लेख तीन विकल्पों पर फ़ोकस करेगा. ये हैं Shaka Player, JW Player, और Video.js.
शाका प्लेयर
दस्तावेज़ के मुताबिक, Google का Shaka Player अडैप्टिव मीडिया के लिए एक ओपन सोर्स JavaScript लाइब्रेरी है. यह प्लगिन का इस्तेमाल किए बिना, ब्राउज़र में DASH और HLS जैसे अडैप्टिव मीडिया फ़ॉर्मैट चलाता है. इसके बजाय, Shaka Player, ओपन वेब स्टैंडर्ड के MediaSource एक्सटेंशन और एन्क्रिप्ट किए गए मीडिया एक्सटेंशन का इस्तेमाल करता है.
Shaka Player, IndexedDB का इस्तेमाल करके ऑफ़लाइन स्टोरेज और प्लेबैक की सुविधा भी देता है. कॉन्टेंट को किसी भी ब्राउज़र पर सेव किया जा सकता है. लाइसेंस का स्टोरेज, ब्राउज़र को सपोर्ट करता है.
शाका प्लेयर दस्तावेज़ साइट पर बुनियादी इस्तेमाल के लिए निर्देश दिए गए हैं. हालांकि, शाका प्लेयर का इस्तेमाल करने के लिए, आपको सबसे पहले वीडियो या ऑडियो एलिमेंट वाला एक एचटीएमएल पेज बनाना होगा. इसके बाद, अपने ऐप्लिकेशन की JavaScript में पॉलीफ़िल इंस्टॉल करें और देखें कि वह ब्राउज़र पर काम कर रहा है या नहीं. ब्राउज़र पर Shaka Player के काम करने की पुष्टि होने के बाद, स्क्रिप्ट मीडिया एलिमेंट को रैप करने, गड़बड़ियां सुनने, और मेनिफ़ेस्ट फ़ाइल लोड करने के लिए एक प्लेयर ऑब्जेक्ट बनाएगी. शाका प्लेयर, वहां से टेकओवर करेगा.
Shaka के साथ आपको खुद ही अपनी मीडिया फ़ाइलें होस्ट और एन्कोड करनी होंगी. मीडिया सर्वर बनाना ज़्यादा मुश्किल नहीं है. हालांकि, मीडिया को कोड में बदलने/ट्रांसकोड करने में ज़्यादा समय लग सकता है और इसमें समस्याएं भी आ सकती हैं. बार-बार किए जाने वाले कामों को ऑटोमेट करने और प्रोसेस को तेज़ी से पूरा करने के लिए, हो सकता है कि आप इस हिस्से को Zencoder, Amazon Elastic Encoder या Google Transcoder API जैसी सेवाओं पर ऑफ़लोड करना चाहें.
Shaka Player की सबसे अच्छी बात यह है कि इसमें DASH और HLS पैकेजिंग और एन्क्रिप्शन के लिए एक शानदार टूल और मीडिया पैकेजिंग SDK टूल भी है. इस SDK टूल को शाका पैकेजर कहा जाता है. यह ऑनलाइन स्ट्रीमिंग के लिए, मीडिया कॉन्टेंट तैयार और पैकेज कर सकता है. इस बारे में आपने मीडिया कन्वर्ज़न और मीडिया एन्क्रिप्शन की शुरुआत में सीखा था.
JW प्लेयर
अगर आपको कोई ऐसा विकल्प चाहिए जो होस्टिंग और एन्कोडिंग/ट्रांसकोडिंग से जुड़ी सेवाएं उपलब्ध कराता हो, तो JW Player देखें. हालांकि, इस बात का ध्यान रखें कि JW Player, मालिकाना हक वाला सॉफ़्टवेयर है. इसका मतलब है कि प्लैटफ़ॉर्म या रोडमैप पर आपका ज़्यादा कंट्रोल नहीं होता. एक बेसिक मुफ़्त वर्शन है, जिसमें वॉटरमार्क के साथ वीडियो दिखाए जाते हैं. साथ ही, व्यावसायिक वर्शन भी उपलब्ध है.
JW Player को MPEG-DASH (सिर्फ़ पैसे देकर लिए गए वर्शन), डिजिटल राइट मैनेजमेंट (Vualto के साथ), इंटरैक्टिव विज्ञापन, इंटरफ़ेस को अपनी पसंद के मुताबिक बनाने, और एम्बेड करने की सुविधा के साथ स्ट्रीमिंग की सुविधा मिलती है. इसमें एपीआई और SDK टूल का मौजूद होना ज़रूरी है. हालांकि, अगर आपको मीडिया होस्ट करने के लिए तुरंत और मुफ़्त तरीके की तलाश है, तो YouTube वीडियो एम्बेड करना, आम तौर पर बिना किसी शुल्क के सबसे अच्छा विकल्प होगा.
Video.js
उनकी वेबसाइट के मुताबिक, Video.js को HTML5 दुनिया के लिए बनाई गई है. यह HTML5 वीडियो और मॉडर्न स्ट्रीमिंग फ़ॉर्मैट जैसे कि DASH और HLS के साथ-साथ YouTube और Vimeo पर काम करता है. इससे डेस्कटॉप और मोबाइल डिवाइसों पर वीडियो चलाया जा सकता है और सीएसएस पर आधारित स्किन के साथ, यह हर जगह अच्छा दिखता है.
Video.js का इस्तेमाल करने के कुछ तरीके हैं, लेकिन फ़ास्टली के मुफ़्त सीडीएन वर्शन का इस्तेमाल करना सबसे आसान है. प्लेयर सेट अप करने के बारे में ज़्यादा जानने के लिए, शुरुआत करना पेज पर जाएं. Video.js एक बहुत ही दमदार वीडियो प्लेयर है. शाका प्लेयर की तरह आपको भी अपना वीडियो होस्ट करना होगा और उसे कोड में बदलना होगा. हालांकि, प्लगिन सिस्टम में एक अंतर यह है कि इसमें Video.js प्लेयर में YouTube वीडियो चलाने जैसे काम किए जा सकते हैं. इन्हें अपनी पसंद के मुताबिक भी बनाया जा सकता है.
अन्य फ़्रेमवर्क
कई अलग-अलग फ़्रेमवर्क और लाइब्रेरी उपलब्ध हैं. इस लेख में सिर्फ़ आपको ही जानकारी दी गई है. कोई फ़्रेमवर्क चुनते समय, आपको इस बात का ध्यान रखना चाहिए कि आपको प्रोजेक्ट के लिए किन सुविधाओं की ज़रूरत है. साथ ही, आपको यह भी देखना चाहिए कि मीडिया को होस्ट और एन्कोड या ट्रांसकोड कैसे किया जाए. क्या आपको वीडियो शुरू होने से पहले दिखने वाले विज्ञापनों या कमाई करने की दूसरी रणनीतियों की ज़रूरत है? क्या आपका मीडिया ऑफ़लाइन उपलब्ध होगा? आपका बजट कितना बड़ा या कम है? या विचारों की कोई अन्य संख्या. अपनी रिसर्च करें और अपने नेटवर्क के लोगों से सुझाव मांगें. ऐसे कई और बेहतरीन विकल्प भी हैं. कोई भी विकल्प चुनने से पहले, वह विकल्प चुनें जो आपकी टीम के लिए सही हो. साथ ही, प्रोजेक्ट की लाइफ़साइकल के दौरान, ज़रूरत से ज़्यादा तकनीकी क़र्ज़ या मुश्किलों को बनाए रखने से बचें.
इसके बाद, आपको ऑफ़लाइन स्ट्रीमिंग के साथ पीडब्ल्यूए के बारे में जानकारी मिलेगी. हमने यह दिखाने के लिए बनाया है कि अपने समाधान को रोल करने में आने वाली मुख्य समस्याओं का हल कैसे निकाला जाता है. ज़्यादा मुश्किलों को हैंडल करने के लिए, सिर्फ़ HTML5 वीडियो ऑब्जेक्ट का इस्तेमाल करके, अपना समाधान तैयार किया जा सकता है.