विषय
- फ्लैश प्लेटफॉर्म मूल बातें
- एचटीएमएल 5 प्लेटफॉर्म मूल बातें
- एचटीएमएल 5 में फ्लैश प्रोजेक्ट को परिवर्तित करना
- धार, HTML5 के लिए एक नया विकास उपकरण
- YouTube को HTML5 में परिवर्तित करना
- फ्लैश की विरासत
ले जाओ:
फ्लैश isnt जल्द ही किसी भी समय दूर जा रहा है, लेकिन कई विशेषज्ञों का मानना है कि यह अंततः HTML5 द्वारा प्रतिस्थापित किया जाएगा। पता लगाएं कि यह संक्रमण उन कंपनियों और डेवलपर्स के लिए क्या मायने रखेगा, जो फ्लैश में भारी निवेश करते हैं।
नवंबर 2011 में, एडोब ने घोषणा की कि यह एंड्रॉइड डिवाइसों और ब्लैकबेरी प्लेबुक के लिए फ्लैश प्लेयर 11.1 की रिलीज के बाद मोबाइल उपकरणों के लिए अपने फ्लैश प्लेयर के विकास को रोक देगा, इसके बजाय मोबाइल उपकरणों के लिए एचटीएमएल 5 अनुप्रयोगों के निर्माण के लिए उपकरणों पर ध्यान केंद्रित करने के लिए। भले ही Adobe ने पर्सनल कंप्यूटर ब्राउज़र के लिए Flash Player के अपने समर्थन को दोहराया हो, लेकिन कई बार लगता है कि Adobe ने पीसी संस्करण के लिए समर्थन को समाप्त करने से पहले ही इसे लागू कर दिया था। यह उन कंपनियों के लिए बुरी खबर है, जो फ्लैश एप्लिकेशन में भारी निवेश किए जाते हैं, साथ ही ऐसे डेवलपर्स जिन्होंने फ्लैश एप्लिकेशन बनाने के लिए आवश्यक प्रोग्रामिंग कौशल प्राप्त करने में समय लगाया है।आइए फ्लैश और एचटीएमएल 5 के बीच कुछ अंतरों पर ध्यान दें और इन दोनों प्लेटफार्मों के बीच संक्रमण को कम करने में मदद करने के लिए कुछ सुझाव और उपकरण प्रदान करें।
फ्लैश प्लेटफॉर्म मूल बातें
फ्लैश का उपयोग अक्सर एक छत्र शब्द के रूप में किया जाता है जो मालिकाना एडोब प्लेटफॉर्म को संदर्भित करता है जिसमें वास्तव में निम्नलिखित घटक होते हैं:- फ्लैश: मुख्य रूप से एनिमेशन बनाने और बनाने के लिए उपयोग किया जाने वाला उपकरण
- फ्लेक्स: एक सॉफ्टवेयर डेवलपमेंट किट (SDK) सहित अनुप्रयोगों के निर्माण के लिए उपयोग किया जाने वाला विकास परिवेश
- एमएक्सएमएल: फ्लैश परियोजनाओं में प्रयुक्त मार्कअप भाषा
- एक्शनस्क्रिप्ट: एक स्क्रिप्टिंग भाषा
फ्लैश निम्नलिखित मुख्य फ़ाइल स्वरूपों का उपयोग करता है:
- .fla: फ्लैश परियोजना फ़ाइल
- .flv: फ्लैश वीडियो फ़ाइल
- .swf: संकलित फ़्लैश / फ्लेक्स एप्लिकेशन फ़ाइल जिसमें .flv फाइलें हो सकती हैं
एचटीएमएल 5 प्लेटफॉर्म मूल बातें
HTML5 एक खुला मानक प्लेटफॉर्म है जिसमें निम्नलिखित शामिल हैं:- HTML5: मार्कअप भाषा वेब पेज बनाने के लिए उपयोग की जाती है
- कैस्केडिंग स्टाइल शीट 3 (CSS3): HTML5 वेब पेज पर ऑब्जेक्ट्स के लिए फ़ॉर्मेटिंग निर्दिष्ट करने के लिए उपयोग की जाने वाली स्टाइल शीट भाषा
- एप्लिकेशन प्रोग्रामिंग इंटरफेस (एपीआई): एपीआई जैसे ड्रैग-एंड-ड्रॉप और क्रॉस-डॉक्यूमेंट मैसेजिंग जैसी सुविधाओं का समर्थन करता है
- जावास्क्रिप्ट: एनीमेशन को सक्षम करने के लिए एचटीएमएल 5 के साथ प्रयोग की जाने वाली स्क्रिप्टिंग भाषा
HTML5 फ़ाइल स्वरूपों में निम्नलिखित शामिल हैं:
- .htm / .html: HTML5 वेब पेज फ़ाइल
- .css: CSS3 स्टाइल शीट फ़ाइल
- .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 द्वारा उपयोग किए जाने वाले वीडियो प्रारूप का समर्थन करता हो।