क्या आपको कभी अपनी साइट पर वीडियो पब्लिश करने का मज़ेदार और खूबसूरत तरीका चाहिए था, जैसे कि Chrome Web Store से 60 Minutes या RedBull.tv के नए ऐप्लिकेशन? हमें यह बताते हुए खुशी हो रही है कि वीडियो प्लेयर का सैंपल वेब ऐप्लिकेशन रिलीज़ हो गया है! वीडियो प्लेयर सैंपल, ओपन सोर्स वीडियो प्लेयर वेब ऐप्लिकेशन है. इसे 60 मिनट और RedBull.tv ऐप्लिकेशन के जैसे ही आर्किटेक्चर का इस्तेमाल करके बनाया गया है. इसे पसंद के मुताबिक बनाया जा सकता है, इसमें बदलाव किया जा सकता है या इसे बिना किसी बदलाव के इस्तेमाल किया जा सकता है. साथ ही, इसमें अपना कॉन्टेंट जोड़ा जा सकता है.
यह कैसे काम करता है
जब कोई उपयोगकर्ता वीडियो प्लेयर सैंपल खोलता है, तो वह एक वीडियो देखने का विकल्प चुन सकता है या अपलोड की गई और ऐप्लिकेशन में भरी गई सूची से वीडियो/एपिसोड की प्लेलिस्ट बना सकता है. वीडियो प्लेयर सैंपल को कॉन्फ़िगर किया जाता है और वीडियो की जानकारी, JSON फ़ाइलों (config.json और data.json) में सेव की जाती है. ये दोनों फ़ाइलें, डेटा डायरेक्ट्री में मौजूद होती हैं.
मुख्य सुविधाएं
- वीडियो देखने का बेहतरीन अनुभव, जिसमें फ़ुल स्क्रीन व्यू भी शामिल है
- शो की सदस्यता लेने, एपिसोड देखने, और प्लेलिस्ट बनाने की सुविधा
- उपयोगकर्ता के ब्राउज़र पर काम करने वाले कई वीडियो फ़ॉर्मैट के साथ काम करना. इनमें WebM, Ogg, MP4, और फ़्लैश फ़ॉलबैक भी शामिल हैं
- कैटगरी पेज, जिसमें ऐप्लिकेशन में उपलब्ध अलग-अलग शो/कैटगरी की खास जानकारी दी गई हो
- नए एपिसोड की सूचनाएं (जब ऐप्लिकेशन, Chrome वेब स्टोर से इंस्टॉल किया गया हो)
- Google+, Twitter, और Facebook पर शेयर करने की सुविधा पहले से मौजूद है
- आसानी से पसंद के मुताबिक बनाने के लिए, Photoshop PSD फ़ाइलों के साथ-साथ सभी सोर्स फ़ाइलें शामिल की गई हैं
इसे बनाने का तरीका
वीडियो प्लेयर का सैंपल, एचटीएमएल और JavaScript का इस्तेमाल करके ओपन वेब प्लैटफ़ॉर्म के लिए लिखा गया है. इसमें मॉडल व्यू कंट्रोलर पैटर्न और स्ट्रक्चर का इस्तेमाल किया गया है.
- इसे ओपन सोर्स Google Closure JavaScript लाइब्रेरी का इस्तेमाल करके बनाया गया है
- Closure Compiler की मदद से कंपाइल किया गया
- सूचनाओं का फ़ायदा पाने के लिए, Chrome Web Store से डिस्ट्रिब्यूट किया जाता है
ब्राउज़र के इस्तेमाल से जुड़ी सहायता
वीडियो प्लेयर सैंपल को ऐप्लिकेशन के तौर पर काम करने के लिए टेस्ट किया गया है. इसे Chrome वेब स्टोर से इंस्टॉल किया जा सकता है. यह सभी आधुनिक ब्राउज़र में काम करता है.
इसे आज़माएं
डेमो ऐप्लिकेशन में, वीडियो प्लेयर के काम करने का डेमो देखा जा सकता है. ऐप्लिकेशन के काम करने के तरीके के बारे में ज़्यादा जानने के लिए, दस्तावेज़ देखें.
Google Code से कोड पाया जा सकता है.
आनंद लें!