हमारे HTML5 खिलाड़ी

उप्पोड रन प्लेयर का एचटीएमएल 5 संस्करण है।







हमारे खिलाड़ियों के डिजाइनर कई सम्मानित परियोजनाओं का उपयोग करते हैं, इसलिए हमने प्रौद्योगिकी का विकल्प बनाने का फैसला किया। HTML5 संस्करण फ्लैश संस्करण की वर्तमान सेटिंग्स के साथ जितना संभव हो उतना संगत होगा जो हम कई वर्षों से विकसित कर रहे हैं। और शायद उससे भी श्रेष्ठ, जो जानता हो। अब तक, केवल मूल कार्यक्षमता को शैलियों और प्लेलिस्ट के बिना लागू किया गया है। प्लेयर का बीटा संस्करण html5player.ru पर देखा जा सकता है, लेकिन यहां आप खिलाड़ी को डाउनलोड कर सकते हैं और इसे आज़मा सकते हैं।

डिज़ाइन

हमने कई संपादकों की कोशिश की, लेकिन विडंबना यह है कि, FlashDevelop सबसे अच्छा विकल्प था - एक स्वतंत्र और बहुत सुविधाजनक कोड संपादक। जावास्क्रिप्ट के लिए भी अनुशंसित। यह ActionScript की तुलना में तेज़ी से काम करता है - कोई संकलन की आवश्यकता नहीं है, और देशी CSS और DOM संबंध इसे बहुत आसान बनाता है।



फ्रेमवर्क (jQuery, आदि) का उपयोग नहीं किया गया था, इसलिए uppod.js को काम करने के लिए किसी भी लाइब्रेरी की आवश्यकता नहीं है। एक संपीड़ित फ़ाइल का वजन लगभग 27kB होता है।



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



बफर को इंगित करने के लिए वीडियो के शीर्ष पर एक अप्रत्याशित समस्या एनीमेशन थी - किनारों पर विरूपण और कलाकृतियां दिखाई दीं। इसलिए, संकेत को समयरेखा के ऊपर एक शिलालेख के साथ आरोही रूप से किया जाना था।

चिड़ियाघर

प्लेयर उन सभी ब्राउज़रों में काम करता है जिनके पास HTML5 समर्थन है।

वीडियो	ब्राउज़रों
H.264 (MP4), AAC	सफारी 3.0+ क्रोम 5.0+ iOS 3.0+ Android 2.0+ IE 9.0+
Theora (OGG), वोरबिस	फ़ायरफ़ॉक्स 3.5+ क्रोम 5.0+ ओपेरा 10.5+
वीपी 8 (वेबएम), वोरबिस	IE 9.0+ फ़ायरफ़ॉक्स 4.0+ क्रोम 6.0+ ओपेरा 10.6+

ऑडियो	ब्राउज़रों
एमपीईजी (एमपी 3)	सफारी 4.0+ iOS 3.0+ क्रोम 3.0+
Theora (OGG), वोरबिस	फ़ायरफ़ॉक्स 3.5+ क्रोम 3.0+ ओपेरा 10.5+
WAV	फ़ायरफ़ॉक्स 3.5+ सफारी 4.0+ ओपेरा 10+

तालिकाओं से पता चलता है कि सबसे खराब स्थिति IE के साथ है, जो डेवलपर्स के अनुसार केवल नौवें संस्करण में एचटीएमएल 5 का समर्थन करती है (अंतिम डेमो में कोई कैनवास या वीडियो नहीं है)। लेकिन वे GPU समर्थन का वादा करते हैं।



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



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



IPhone (iOS) पर, खिलाड़ी अंतर्निहित क्विकटाइम के लॉन्च बटन की तरह काम करता है - कुछ भी नहीं से बेहतर।

इंटरफ़ेस

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

आयात

ब्लॉग आयात करने के लिए मानक एक आइफ्रेम होने की संभावना है, जहां आप एचटीएमएल 5 और फ्लैश और विज्ञापन प्रदर्शित कर सकते हैं। एकमात्र सवाल यह है कि ब्लॉग और सोशल नेटवर्क के इंजन कितनी जल्दी इसके लिए तैयार होंगे।

कुल मिलाकर

उन्हें कुछ नया नहीं मिला, इसलिए हम प्रसिद्ध तथ्यों को दोहराते हैं:



HTML5 के साथ काम करना अच्छा है, मानक, प्रदर्शन कुछ स्थानों पर बेहतर है, यह फ्लैश के बिना उपकरणों पर काम करता है।



HTML5 क्यों खराब है:

- कोई क्रॉस-ब्राउज़र संगतता नहीं;

- प्रारूपों पर कोई समझौता नहीं;

- धाराओं (RTMP, आदि) के लिए कोई सामान्य समर्थन नहीं है;

- कोई माइक्रोफोन और वेब कैमरा समर्थन नहीं है;

- कोई बुनियादी ढांचा (विज्ञापन नेटवर्क, ब्लॉगों को निर्यात, आदि)।



ऐसा लगता है कि HTML5 कुछ वर्षों में मीडिया प्लेयर बाजार के बड़े हिस्से में फ़्लैश को बदलने में सक्षम है, अगर ब्राउज़र निर्माता डेटा स्ट्रीमिंग के लिए नई तकनीकों की कोशिश करते हैं और पाते हैं।



HTML5 प्लेयर मुफ़्त है , जैसा कि उप्पोड का फ्लैश संस्करण है।



नवीनतम समाचार:

• YouTube API समर्थन;
• VideoSell, Begun, AdLabs विज्ञापन नेटवर्क और AOneBill sms एग्रीगेटर के साथ एकीकरण;
• किसी भी भाषा में इंटरफ़ेस का स्थानीयकरण;
• नए स्किनिंग विकल्पों का एक गुच्छा;
• प्लेलिस्ट में फ़ोल्डर;
• और भी बहुत कुछ।

PS बग रिपोर्ट के लिए धन्यवाद, हम सब कुछ ध्यान में रखेंगे।