फ़्लैश से html5 पर जा रहा है

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

आइए फ्लैश और एचटीएमएल 5 के बीच कुछ अंतरों को देखें और इन दो प्लेटफार्मों के बीच संक्रमण को कम करने में मदद करने के लिए कुछ सुझाव और उपकरण प्रदान करें।

फ्लैश प्लेटफार्म मूल बातें

फ्लैश का उपयोग अक्सर एक छत्र शब्द के रूप में किया जाता है जो मालिकाना एडोब प्लेटफॉर्म को संदर्भित करता है जिसमें वास्तव में निम्नलिखित घटक होते हैं:

• फ्लैश: मुख्य रूप से एनिमेशन बनाने और बनाने के लिए उपयोग किया जाने वाला उपकरण
• फ्लेक्स: एक सॉफ्टवेयर डेवलपमेंट किट (SDK) सहित अनुप्रयोगों के निर्माण के लिए उपयोग किया जाने वाला विकास परिवेश
• एमएक्सएमएल: फ्लैश परियोजनाओं में प्रयुक्त मार्कअप भाषा
• एक्शनस्क्रिप्ट: एक स्क्रिप्टिंग भाषा

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

फ्लैश निम्नलिखित मुख्य फ़ाइल स्वरूपों का उपयोग करता है:

• .fla: फ्लैश परियोजना फ़ाइल
• .flv: फ्लैश वीडियो फ़ाइल
• .swf: संकलित फ़्लैश / फ्लेक्स एप्लिकेशन फ़ाइल जिसमें .flv फाइलें हो सकती हैं

एचटीएमएल 5 प्लेटफॉर्म मूल बातें

HTML5 एक खुला मानक प्लेटफॉर्म है जिसमें निम्नलिखित शामिल हैं:

• HTML5: मार्कअप भाषा का उपयोग वेब पेज बनाने के लिए किया जाता है
• कैस्केडिंग स्टाइल शीट 3 (CSS3): HTML5 वेब पेज पर ऑब्जेक्ट्स के लिए फ़ॉर्मेटिंग निर्दिष्ट करने के लिए उपयोग की जाने वाली स्टाइल शीट भाषा
• एप्लिकेशन प्रोग्रामिंग इंटरफेस (एपीआई): एपीआई जैसे ड्रैग-एंड-ड्रॉप और क्रॉस-डॉक्यूमेंट मैसेजिंग जैसी सुविधाओं का समर्थन करता है
• जावास्क्रिप्ट: एनीमेशन को सक्षम करने के लिए एचटीएमएल 5 के साथ प्रयोग की जाने वाली स्क्रिप्टिंग भाषा

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

HTML5 फ़ाइल स्वरूपों में निम्नलिखित शामिल हैं:

• .htm / .html: HTML5 वेब पेज फ़ाइल
• .css: CSS3 स्टाइल शीट फ़ाइल

2011 तक, वर्तमान एचटीएमएल 5 विनिर्देश समर्थित वीडियो फ़ाइल स्वरूपों को निर्दिष्ट नहीं करता है, जो इसे अलग-अलग ब्राउज़रों के लिए छोड़ देता है कि किन स्वरूपों का समर्थन करना है। वर्तमान समर्थित स्वरूपों में निम्नलिखित शामिल हैं:

• .mp4: H.264 वीडियो कोडेक और AAC ऑडियो कोडेक के साथ MPEG 4 वीडियो फ़ाइल
• .webm: VP8 वीडियो कोडेक और वोरबिस ऑडियो कोडेक के साथ वेबएम वीडियो फ़ाइल
• .ogg: Theora वीडियो कोडेक और वोरबिस ऑडियो कोडेक के साथ Ogg वीडियो फ़ाइल

एचटीएमएल 5 के लिए फ़्लैश परियोजनाओं को परिवर्तित करना

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

Adobe ने Wallaby को एक प्रायोगिक उपकरण जारी किया है, जिसे Adobe Labs वेबसाइट से मुफ्त में डाउनलोड किया जा सकता है। Wallaby इनपुट के रूप में एक फ्लैश परियोजना फ़ाइल (.fla) लेता है और HTML5 और सीएसएस और जावास्क्रिप्ट फ़ाइलों का समर्थन करता है। हालाँकि, वाल्बी रिलीज़ नोट में उन विशेषताओं की एक लंबी सूची है जो परिवर्तित नहीं हैं - जिनमें से सबसे महत्वपूर्ण एक्शनस्क्रिप्ट, फिल्में और ध्वनि हैं। Wallaby एक सीमित उपकरण है जिसे मुख्य रूप से एनिमेटेड ग्राफ़िकल सामग्री को HTML5 में बदलने के लिए डिज़ाइन किया गया है, ताकि इसे वेब पेज डिज़ाइन टूल का उपयोग करके वेब पेजों में एकीकृत किया जा सके।

Google लैब्स ने एक नि: शुल्क वेब-आधारित उपकरण Swiffy जारी किया है, जो एक संकलित फ़्लैश एप्लिकेशन फ़ाइल (.swf) को HTML5 में परिवर्तित करता है। फिर आउटपुट को वेब पेज में एम्बेड किया जा सकता है लेकिन डेवलपर के लिए इसे संपादित करना आसान नहीं है। Wallaby की तरह, Swiffy सभी फ़्लैश सुविधाओं को परिवर्तित नहीं करता है। Swiffy ActionScript रूपांतरण का समर्थन करता है, लेकिन केवल संस्करण 2.0 (ActionScript वर्तमान में संस्करण 3.0 पर है)। स्विफी आउटपुट केवल उन ब्राउज़रों पर चलता है जो स्केलेबल वेक्टर ग्राफिक्स (एसवीजी) का समर्थन करते हैं।

धार, HTML5 के लिए एक नया विकास उपकरण

HTML5 पसंद का मंच बन जाता है, HTML5, CSS3 और जावास्क्रिप्ट को एकीकृत करने वाले डिजाइन और विकास वातावरण प्रदान करने के लिए नए उपकरण उभर रहे हैं।

अगस्त 2011 में, एडोब ने एज डेवलपमेंट टूल का पूर्वावलोकन संस्करण जारी किया। एज एक डिज़ाइनर को HTML5 एनिमेशन बनाने और मौजूदा HTML5 प्रोजेक्ट्स में एनिमेशन जोड़ने में सक्षम बनाता है। फ्लैश डिजाइनर एज उपयोगकर्ता इंटरफ़ेस में कुछ परिचित तत्वों को पहचानेंगे, जिसमें चरण, गुण विंडो और एनीमेशन टाइम लाइन शामिल हैं। एज, हालांकि, सीएसएस और जावास्क्रिप्ट फाइलें उत्पन्न करता है, और इसकी एनीमेशन सामग्री जावास्क्रिप्ट ऑब्जेक्ट नोटेशन (JSON) डेटा संरचना में संग्रहीत होती है।

इस लेखन के समय, एज ने अपने चौथे पूर्वावलोकन को रिलीज़ करने का अनुमान लगाया। प्रत्येक रिलीज़ में नई सुविधाएँ जोड़ी जा रही हैं।

YouTube को HTML5 में परिवर्तित करना

एचटीएमएल 5 की चाल का एक संकेत यह है कि YouTube अब वीडियो देखने के लिए एचटीएमएल 5 वीडियो प्लेयर का उपयोग करने का विकल्प प्रदान करता है।

HTML5 विकल्प की पेशकश करने से पहले, सभी YouTube वीडियो एक फ्लैश वीडियो प्लेयर के माध्यम से वितरित किए गए थे। उपयोगकर्ता लगभग किसी भी प्रारूप में वीडियो फ़ाइलों को अपलोड कर सकते हैं, और YouTube तब प्रत्येक वीडियो को आवश्यक फ़्लैश (.flv) प्रारूप में बदल देगा।

YouTube अब H.264 वीडियो कोडेक और HTML5 डिलीवरी के लिए WebM प्रारूप के साथ वीडियो एन्कोडिंग भी कर रहा है। HTML5 प्रारूप में वीडियो देखने के लिए, आपके पास एक ब्राउज़र होना चाहिए जो HTML5 वीडियो टैग और YouTube द्वारा उपयोग किए जाने वाले वीडियो प्रारूप का समर्थन करता हो।

फ्लैश की विरासत

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