תוֹכֶן
- יסודות פלטפורמת פלאש
- יסודות פלטפורמת HTML5
- המרת פרויקטים של פלאש ל- HTML5
- Edge, כלי פיתוח חדש ל- HTML5
- המרת YouTube ל- HTML5
- מורשת הפלאש
להסיר:
פלאש לא נעלם בזמן הקרוב, אך מומחים רבים מאמינים שהוא יוחלף בסופו של דבר ב- HTML5. גלה מה המשמעות של מעבר זה לחברות ומפתחים שמושקעים מאוד ב- Flash.
בנובמבר 2011 הודיעה אדובי כי תפסיק את פיתוח נגן הפלאש שלה למכשירים ניידים לאחר יציאתו של Flash Player 11.1 למכשירי אנדרואיד ו- BlackBerry Playbook, ותבחר במקום זאת להתרכז בכלים לבניית יישומי HTML5 למכשירים ניידים. למרות ש- Adobe חזרה על תמיכתה בנגן Flash עבור דפדפני מחשבים אישיים, רבים חושבים שזה רק עניין של זמן עד ש- Adobe גם תפסיק את התמיכה בגירסת ה- PC. אלה חדשות רעות עבור חברות שמשקיעות רבות ביישומי Flash, כמו גם מפתחים שהשקיעו זמן ברכישת כישורי התכנות הנדרשים לבניית יישומי Flash.הבה נבחן כמה מההבדלים בין Flash ל- HTML5 ונספק כמה טיפים וכלים שיעזרו להקל על המעבר בין שתי הפלטפורמות הללו.
יסודות פלטפורמת פלאש
פלאש משמש לעתים קרובות כמונח מטריה כדי להתייחס לפלטפורמת אדובי קניינית המורכבת למעשה מהרכיבים הבאים:- פלאש: כלי המשמש בעיקר לעיצוב ויצירת אנימציות
- Flex: סביבת הפיתוח המשמשת לבניית יישומים, כולל ערכת פיתוח תוכנה (SDK)
- MXML: שפת סימון המשמשת בפרויקטים של Flash
- ActionScript: שפת תסריט
Flash משתמש בפורמטים העיקריים הבאים של קבצים:
- .fla: קובץ פרויקט Flash
- .flv: קובץ וידאו פלאש
- .swf: קובץ יישום Flash / Flex מורכב שעשוי להכיל קבצי flv
יסודות פלטפורמת HTML5
HTML5 היא פלטפורמה סטנדרטית פתוחה המורכבת מהבאים:- HTML5: שפת סימון המשמשת ליצירת דפי אינטרנט
- גיליונות סגנון מדורגים 3 (CSS3): שפת גיליון סגנונות המשמשת לציון העיצוב של אובייקטים בדף אינטרנט HTML5
- ממשקי תכנות יישומים (API): ממשקי API לתמיכה בתכונות כמו העברת גרירה ושחרור והודעות בין מסמכים
- JavaScript: שפת סקריפט המשמשת עם HTML5 כדי לאפשר אנימציה
תבניות קובץ HTML5 כוללות את הדברים הבאים:
- .htm / .html: קובץ דף אינטרנט HTML5
- .css: קובץ גיליון סגנון CSS3
- .mp4: קובץ וידאו MPEG 4 עם קודקוד H.264 וידיאו AAC
- .webm: קובץ וידאו WebM עם קודקוד וידיאו VP8 וקודק שמע Vorbis
- .ogg: קובץ וידיאו Ogg עם קודקוד וידיאו Theora וקודק שמע Vorbis
המרת פרויקטים של פלאש ל- HTML5
המרה ידנית של פרויקט Flash מורכב ל- HTML5 הוא תהליך רב-זמן ועבור זמן רב, עקב הבדלי פלטפורמות. על היזם להמיר אנימציות שנוצרו עם Flash ו- ActionScript ל- HTML5 ו- JavaScript. למרבה המזל ישנם כמה כלים שעוזרים לאוטומציה של ההמרה מפלאש ל- HTML5.אדובי פרסמה את Wallaby, כלי ניסיוני שניתן להוריד בחינם מאתר מעבדות Adobe. וואלהבי לוקח קובץ פרויקט Flash (.fla) כקלט ומייצא HTML5 ותומך בקבצי CSS ו- JavaScript. עם זאת, תווי המהדורה של וואלהבי מכילים רשימה ארוכה למדי של פיצ'רים שאינם מומרים - החשובים שבהם הם ActionScript, סרטים וצליל. וואלהבי הוא כלי מוגבל שנועד בעיקר להמיר תוכן גרפי מונפש ל- HTML5, כך שהוא עשוי להשתלב בדפי אינטרנט באמצעות כלי לעיצוב דפי אינטרנט.
מעבדות גוגל פרסמו את Swiffy, כלי מבוסס אינטרנט חינם הממיר קובץ יישום Flash מורכב (.swf) ל- HTML5. לאחר מכן ניתן להטמיע את הפלט בדף אינטרנט אך לא קל למפתח לערוך אותו. כמו וואלהבי, סוויפי לא ממירה את כל תכונות הפלאש. Swiffy תומך בהמרת ActionScript, אך רק בגרסה 2.0 (ActionScript נמצא כרגע בגירסה 3.0). פלט ה- Swiffy פועל רק בדפדפנים התומכים בגרפיקה וקטורית מדרגית (SVG).
Edge, כלי פיתוח חדש ל- HTML5
ככל ש- HTML5 הופך לפלטפורמה שבחרת, צצים כלים חדשים המספקים סביבות עיצוב ופיתוח המשלבות HTML5, CSS3 ו- JavaScript.באוגוסט 2011 פרסמה אדובי גרסת תצוגה מקדימה של כלי הפיתוח Edge. Edge מאפשרת למעצב ליצור אנימציות HTML5 ולהוסיף אנימציות לפרויקטים קיימים של HTML5. מעצבי פלאש יזהו כמה אלמנטים מוכרים בממשק המשתמש של Edge, כולל הבמה, חלון המאפיינים וקו הזמן של האנימציה. Edge, לעומת זאת, מייצר קובצי CSS ו- JavaScript, ותכני האנימציה שלו מאוחסנים במבנה נתונים של JSON (JavaScript Object Notation).
בזמן כתיבת שורות אלה, אדג 'צפה את יציאת התצוגה המקדימה הרביעית שלה. לכל מהדורה מתווספות תכונות חדשות.
המרת YouTube ל- HTML5
אחד הסימנים למעבר ל- HTML5 הוא שיוטיוב מציעה כעת אפשרות להשתמש בנגן וידיאו HTML5 לצפייה בסרטונים.לפני שהציעו אפשרות HTML5, כל הסרטונים ביוטיוב הועברו באמצעות נגן וידיאו פלאש. משתמשים יכולים להעלות קבצי וידיאו כמעט בכל פורמט, ו- YouTube לאחר מכן היה ממיר כל וידאו לפורמט ה- Flash (.flv) הנדרש.
יוטיוב מקודד כעת גם קטעי וידאו עם קודקוד הווידאו H.264 ותבנית WebM למשלוח HTML5. כדי להציג סרטונים בפורמט HTML5, עליך להיות בעל דפדפן התומך בתג הווידיאו HTML5 ובפורמט וידאו המשמש את YouTube.