ஃப்ளாஷ் இலிருந்து HTML5 க்கு நகரும்

நூலாசிரியர்: Robert Simon
உருவாக்கிய தேதி: 22 ஜூன் 2021
புதுப்பிப்பு தேதி: 1 ஜூலை 2024
Anonim
Moving from Flash to HTML5 - Lecture 1 - Bye bye Flash, it’s not you it’s the HTML5
காணொளி: Moving from Flash to HTML5 - Lecture 1 - Bye bye Flash, it’s not you it’s the HTML5

உள்ளடக்கம்


எடுத்து செல்:

ஃபிளாஷ் எந்த நேரத்திலும் விலகிப்போவதில்லை, ஆனால் பல வல்லுநர்கள் இது இறுதியில் HTML5 ஆல் மாற்றப்படும் என்று நம்புகிறார்கள். ஃப்ளாஷ் நிறுவனத்தில் அதிக முதலீடு செய்யப்படும் நிறுவனங்கள் மற்றும் டெவலப்பர்களுக்கு இந்த மாற்றம் என்ன அர்த்தம் என்பதைக் கண்டறியவும்.

நவம்பர் 2011 இல், ஆண்ட்ராய்டு சாதனங்களுக்கான ஃப்ளாஷ் பிளேயர் 11.1 மற்றும் பிளாக்பெர்ரி பிளேபுக்கை வெளியிட்ட பிறகு மொபைல் சாதனங்களுக்கான ஃப்ளாஷ் பிளேயரின் வளர்ச்சியை நிறுத்துவதாக அடோப் அறிவித்தது, மொபைல் சாதனங்களுக்கான HTML5 பயன்பாடுகளை உருவாக்குவதற்கான கருவிகளில் கவனம் செலுத்துவதைத் தேர்வுசெய்தது. தனிப்பட்ட கணினி உலாவிகளுக்கான ஃபிளாஷ் பிளேயருக்கான ஆதரவை அடோப் மீண்டும் வலியுறுத்தியிருந்தாலும், பிசி பதிப்பிற்கான ஆதரவை அடோப் நிறுத்துவதற்கு முன்பு இது ஒரு காலப்பகுதி என்று பலர் நினைக்கிறார்கள். ஃப்ளாஷ் பயன்பாடுகளில் அதிக முதலீடு செய்யப்படும் நிறுவனங்களுக்கும், ஃப்ளாஷ் பயன்பாடுகளை உருவாக்கத் தேவையான நிரலாக்க திறன்களைப் பெறுவதில் நேரத்தை முதலீடு செய்த டெவலப்பர்களுக்கும் இது ஒரு மோசமான செய்தி.

ஃப்ளாஷ் மற்றும் HTML5 க்கு இடையிலான சில வேறுபாடுகளைப் பார்ப்போம், மேலும் இந்த இரண்டு தளங்களுக்கும் இடையிலான மாற்றத்தை எளிதாக்க உதவும் சில உதவிக்குறிப்புகள் மற்றும் கருவிகளை வழங்குகிறோம்.

ஃபிளாஷ் இயங்குதள அடிப்படைகள்

ஃப்ளாஷ் பெரும்பாலும் ஒரு குடைச்சொல்லாக பயன்படுத்தப்படுகிறது, இது தனியுரிம அடோப் தளத்தை குறிக்கிறது, இது உண்மையில் பின்வரும் கூறுகளைக் கொண்டுள்ளது:
  • ஃப்ளாஷ்: அனிமேஷன்களை வடிவமைக்க மற்றும் உருவாக்க முதன்மையாக பயன்படுத்தப்படும் ஒரு கருவி
  • ஃப்ளெக்ஸ்: மென்பொருள் மேம்பாட்டு கிட் (எஸ்.டி.கே) உள்ளிட்ட பயன்பாடுகளை உருவாக்க பயன்படும் வளர்ச்சி சூழல்
  • MXML: ஃபிளாஷ் திட்டங்களில் பயன்படுத்தப்படும் மார்க்அப் மொழி
  • அதிரடி: ஒரு ஸ்கிரிப்டிங் மொழி
வலை உலாவியில் ஃபிளாஷ் பயன்பாட்டை இயக்க, ஃப்ளாஷ் பிளேயர் செருகுநிரல் பதிவிறக்கம் செய்யப்பட வேண்டும். மாற்றாக, அடோப் ஏ.ஐ.ஆர் டெஸ்க்டாப் இயக்க நேர சூழலில் இயங்க ஒரு ஃப்ளாஷ் பயன்பாடு தொகுக்கப்படலாம். மீண்டும், AIR பயன்பாடு இயங்க பயனர்களின் கணினியில் அடோப் AIR நிறுவப்பட வேண்டும்.

ஃப்ளாஷ் பின்வரும் முக்கிய கோப்பு வடிவங்களைப் பயன்படுத்துகிறது:
  • .fla: ஃபிளாஷ் திட்ட கோப்பு
  • .flv: ஃபிளாஷ் வீடியோ கோப்பு
  • .swf: தொகுக்கப்பட்ட ஃப்ளாஷ் / ஃப்ளெக்ஸ் பயன்பாட்டுக் கோப்பு .flv கோப்புகளைக் கொண்டிருக்கலாம்

HTML5 இயங்குதள அடிப்படைகள்

HTML5 என்பது திறந்த தரமான தளமாகும், இது பின்வருவனவற்றைக் கொண்டுள்ளது:
  • HTML5: வலைப்பக்கங்களை உருவாக்க மார்க்அப் மொழி பயன்படுத்தப்படுகிறது
  • அடுக்கு நடைத்தாள்கள் 3 (CSS3): ஒரு HTML5 வலைப்பக்கத்தில் உள்ள பொருட்களுக்கான வடிவமைப்பைக் குறிப்பிட பயன்படுத்தப்படும் நடை தாள் மொழி
  • பயன்பாட்டு புரோகிராமிங் இடைமுகங்கள் (ஏபிஐ): இழுத்தல் மற்றும் சொட்டு மற்றும் குறுக்கு ஆவண செய்தியிடல் போன்ற அம்சங்களை ஆதரிக்கும் API கள்
  • ஜாவாஸ்கிரிப்ட்: அனிமேஷனை இயக்க HTML5 உடன் ஸ்கிரிப்டிங் மொழி பயன்படுத்தப்படுகிறது
HTML5 இன் நன்மைகளில் ஒன்று, இது வலை உலாவிகளில் இயல்பாக இயங்குகிறது மற்றும் செருகுநிரல் தேவையில்லை. இருப்பினும், சரியாக இயங்க, ஒரு உலாவி ஒரு HTML5 வலைப்பக்கத்திற்கான HTML5 மற்றும் CSS3 அம்சங்களை ஆதரிக்க வேண்டும். முக்கிய உலாவிகளில் HTML5 மற்றும் CSS3 க்கான வெவ்வேறு நிலை ஆதரவு உள்ளது, மேலும் செயல்படுத்தல் முழுமையடையவில்லை. ஜாவாஸ்கிரிப்ட் உலாவிகளால் உலகளவில் ஆதரிக்கப்படுகிறது; இருப்பினும், பயனர்கள் ஜாவாஸ்கிரிப்டை "அணைக்க" விருப்பம் உள்ளது, இந்நிலையில் ஜாவாஸ்கிரிப்ட் மூலம் உருவாக்கப்பட்ட கிளையன்ட் பக்க ஸ்கிரிப்ட்கள் இயங்காது.

HTML5 கோப்பு வடிவங்களில் பின்வருவன அடங்கும்:
  • .htm / .html: HTML5 வலைப்பக்க கோப்பு
  • .css: CSS3 நடை தாள் கோப்பு
2011 ஆம் ஆண்டு நிலவரப்படி, தற்போதைய HTML5 விவரக்குறிப்பு ஆதரிக்கப்பட்ட வீடியோ கோப்பு வடிவங்களைக் குறிப்பிடவில்லை, எந்த வடிவங்களை ஆதரிக்க வேண்டும் என்பதைத் தேர்வுசெய்ய தனிப்பட்ட உலாவிகளில் விட்டுவிடுகிறது. தற்போதைய ஆதரவு வடிவங்களில் பின்வருவன அடங்கும்:
  • .mp4: H.264 வீடியோ கோடெக் மற்றும் AAC ஆடியோ கோடெக் கொண்ட MPEG 4 வீடியோ கோப்பு
  • .webm: VP8 வீடியோ கோடெக் மற்றும் வோர்பிஸ் ஆடியோ கோடெக் கொண்ட WebM வீடியோ கோப்பு
  • .ogg: தியோரா வீடியோ கோடெக் மற்றும் வோர்பிஸ் ஆடியோ கோடெக் கொண்ட ஒக் வீடியோ கோப்பு

ஃப்ளாஷ் திட்டங்களை HTML5 ஆக மாற்றுகிறது

ஒரு சிக்கலான ஃப்ளாஷ் திட்டத்தை HTML5 க்கு கைமுறையாக மாற்றுவது இயங்குதள வேறுபாடுகள் காரணமாக உழைப்பு மிகுந்த மற்றும் நேரத்தைச் செலவழிக்கும் செயல்முறையாகும். டெவலப்பர் ஃப்ளாஷ் மற்றும் ஆக்சன்ஸ்கிரிப்ட் மூலம் உருவாக்கப்பட்ட அனிமேஷன்களை HTML5 மற்றும் ஜாவாஸ்கிரிப்டாக மாற்ற வேண்டும். அதிர்ஷ்டவசமாக, ஃப்ளாஷ் இலிருந்து HTML5 க்கு மாற்றுவதை தானியங்குபடுத்த உதவும் சில கருவிகள் உள்ளன.

அடோப் ஆய்வக வலைத்தளத்திலிருந்து இலவசமாக பதிவிறக்கம் செய்யக்கூடிய ஒரு சோதனை கருவியான வாலாபியை அடோப் வெளியிட்டுள்ளது. வாலாபி ஒரு ஃப்ளாஷ் திட்ட கோப்பை (.fla) உள்ளீடாக எடுத்து HTML5 ஐ ஏற்றுமதி செய்கிறது மற்றும் CSS மற்றும் ஜாவாஸ்கிரிப்ட் கோப்புகளை ஆதரிக்கிறது. இருப்பினும், வால்பி வெளியீட்டுக் குறிப்புகள் மாற்றப்படாத அம்சங்களின் நீண்ட பட்டியலைக் கொண்டுள்ளன - அவற்றில் மிக முக்கியமானவை ஆக்ஷன்ஸ்கிரிப்ட், திரைப்படங்கள் மற்றும் ஒலி. வால்பி என்பது ஒரு வரையறுக்கப்பட்ட கருவியாகும், இது முதன்மையாக அனிமேஷன் செய்யப்பட்ட வரைகலை உள்ளடக்கத்தை HTML5 ஆக மாற்ற வடிவமைக்கப்பட்டுள்ளது, இதனால் இது வலைப்பக்க வடிவமைப்பு கருவியைப் பயன்படுத்தி வலைப்பக்கங்களில் ஒருங்கிணைக்கப்படலாம்.

தொகுக்கப்பட்ட ஃப்ளாஷ் பயன்பாட்டுக் கோப்பை (.swf) HTML5 ஆக மாற்றும் இலவச வலை அடிப்படையிலான கருவியான ஸ்விஃபை கூகிள் லேப்ஸ் வெளியிட்டுள்ளது. வெளியீட்டை ஒரு வலைப்பக்கத்தில் உட்பொதிக்க முடியும், ஆனால் ஒரு டெவலப்பருக்கு திருத்த எளிதானது அல்ல. வாலபியைப் போலவே, ஸ்விஃபி எல்லா ஃப்ளாஷ் அம்சங்களையும் மாற்றாது. ஆவிஸ்கிரிப்ட் மாற்றத்தை ஸ்விஃபி ஆதரிக்கிறது, ஆனால் பதிப்பு 2.0 மட்டுமே (ஆக்சன்ஸ்கிரிப்ட் தற்போது பதிப்பு 3.0 இல் உள்ளது). அளவிடக்கூடிய வெக்டர் கிராபிக்ஸ் (எஸ்.வி.ஜி) ஐ ஆதரிக்கும் உலாவிகளில் மட்டுமே ஸ்விஃபி வெளியீடு இயங்குகிறது.

எட்ஜ், HTML5 க்கான புதிய மேம்பாட்டு கருவி

HTML5 தேர்வுக்கான தளமாக மாறும் போது, ​​HTML5, CSS3 மற்றும் ஜாவாஸ்கிரிப்ட் ஆகியவற்றை ஒருங்கிணைக்கும் வடிவமைப்பு மற்றும் மேம்பாட்டு சூழல்களை வழங்க புதிய கருவிகள் உருவாகின்றன.

ஆகஸ்ட் 2011 இல், எட்ஜ் மேம்பாட்டுக் கருவியின் முன்னோட்ட பதிப்பை அடோப் வெளியிட்டது. எட்ஜ் ஒரு வடிவமைப்பாளருக்கு HTML5 அனிமேஷன்களை உருவாக்க மற்றும் ஏற்கனவே உள்ள HTML5 திட்டங்களுக்கு அனிமேஷன்களைச் சேர்க்க உதவுகிறது. ஃபிளாஷ் வடிவமைப்பாளர்கள் எட்ஜ் பயனர் இடைமுகத்தில் மேடை, பண்புகள் சாளரம் மற்றும் அனிமேஷன் நேரக் கோடு உள்ளிட்ட சில பழக்கமான கூறுகளை அங்கீகரிப்பார்கள். இருப்பினும், எட்ஜ் CSS மற்றும் ஜாவாஸ்கிரிப்ட் கோப்புகளை உருவாக்குகிறது, மேலும் அதன் அனிமேஷன் உள்ளடக்கம் ஜாவாஸ்கிரிப்ட் ஆப்ஜெக்ட் நோட்டேஷன் (JSON) தரவு கட்டமைப்பில் சேமிக்கப்படுகிறது.

இந்த எழுதும் நேரத்தில், எட்ஜ் அதன் நான்காவது முன்னோட்ட வெளியீட்டை எதிர்பார்த்தது. ஒவ்வொரு வெளியீட்டிலும் புதிய அம்சங்கள் சேர்க்கப்படுகின்றன.

YouTube ஐ HTML5 ஆக மாற்றுகிறது

HTML5 க்கான நகர்வின் ஒரு அறிகுறி என்னவென்றால், வீடியோக்களைக் காண HTML5 வீடியோ பிளேயரைப் பயன்படுத்துவதற்கான விருப்பத்தை YouTube இப்போது வழங்குகிறது.

HTML5 விருப்பத்தை வழங்குவதற்கு முன்பு, அனைத்து YouTube வீடியோக்களும் ஒரு ஃப்ளாஷ் வீடியோ பிளேயர் வழியாக வழங்கப்பட்டன. பயனர்கள் எந்த வடிவத்திலும் வீடியோ கோப்புகளை பதிவேற்றலாம், பின்னர் YouTube ஒவ்வொரு வீடியோவையும் தேவையான ஃப்ளாஷ் (.flv) வடிவத்திற்கு மாற்றும்.

YouTube இப்போது H.264 வீடியோ கோடெக் மற்றும் HTML5 விநியோகத்திற்கான WebM வடிவத்துடன் வீடியோக்களை குறியாக்கம் செய்கிறது. HTML5 வடிவமைப்பில் வீடியோக்களைக் காண, நீங்கள் HTML5 வீடியோ குறிச்சொல்லை ஆதரிக்கும் உலாவி மற்றும் YouTube பயன்படுத்தும் வீடியோ வடிவமைப்பைக் கொண்டிருக்க வேண்டும்.

ஃப்ளாஷ் மரபு

முன்னர் குறிப்பிட்டபடி, ஃப்ளாஷ் பிளேயரின் பிசி பதிப்பில் அடோப் தொடர்ந்து வளர்ச்சியைத் தருகிறது - இப்போதைக்கு. எதிர்காலத்தில் ஃபிளாஷ் பிளேயரை ஆதரிப்பதை அடோப் நிறுத்தியிருந்தாலும், மரபு ஃப்ளாஷ் பயன்பாடுகள் வலையில் தொடர்ந்து ஆதரிக்கப்படும் - பல ஆண்டுகளாக இருக்கலாம். எனவே, ஃபிளாஷ் எந்த நேரத்திலும் முற்றிலும் விலகிவிடாது. ஃப்ளாஷ் பயன்பாடுகளை HTML5 பயன்பாடுகளாக மாற்ற கருவிகள் கிடைக்கின்றன, ஆனால் தற்போது, ​​இந்த கருவிகள் அனைத்து ஃப்ளாஷ் அம்சங்களையும் மாற்றுவதை ஆதரிக்கவில்லை. HTML5 தரநிலை ஆதிக்கம் செலுத்துவதால், ஃப்ளாஷ் கோப்பு மாற்றும் கருவிகள் மிகவும் சிக்கலானதாக மாறும், மேலும் HTML5 இயங்குதளத்துடன் உள்ளடக்கத்தை உருவாக்க புதிய கருவிகள் உருவாக்கப்படும்.