מדריך לימוד פלאש - FlashDev

את חדשות היום אתם ודאי כבר יודעים. Google קונה את On2 technologies האחראים על Flix בגרסאותיו השונות (Live, Engine, DirectShow SDK וכו') וגם מחזיקה ב-IP של VP6, ה-encoder שכנראה שינה את הדרך בה רואים וידאו באינטרנט. כיום הוא מוטמע כ-decoder בפלאש אבל לא כ-encoder (בו משתמשים כיום ב-Sorenson Spark).

המחיר נמוך יחסית כמובן, לעומת הפוטנציאל הטמון ברכישה. לגבי השינויים הצפויים אני מניח ש:

- Google יטמיעו את הקודקים של הוידאו ב-Google talk
- יכולים להכריז על de facto סטנדרט חדש של encoder שיהיה מוטמע ב-chrom
- אם הם ישחררו חלק מה-codecs אולי נראה VP6 encoder ב-Flash player (???)
- סטנדרט חדש של codec ל-HTML5 (???)

מבחר כתבות בנושא:

Press Release

TechCrunch

On2

Twitter

בעקבות הפוסט הקודם בנושא, אחרי פניות רבות של אנשים לגבי גרסאות linux ובקשות לקוד החלטתי לפרסם את קוד המקור של הפרוייקט. אם אתם יוצרים גרסאות חדשות למערכות הפעלה אחרות, או אם יש לכם תיקונים/שיפורים שיעזרו לאנשים נוספים, אל תהססו לעדכן כאן. בנוסף אתם יכולים לשלוח לי גרסאות בינאריות נוספות למייל של השרת ואני אעלה לינקים שכולם יהנו.

שיהיה בכיף.

מטרת המדריך היא להסביר כיצד ניתן להשתמש בגרסה האחרונה או בגרסאות קודמות של ה-Flex SDK על מנת להשתמש בפיצ'רים האחרונים ובתיקוני הבאגים של הגרסאות האחרונות.

שלב ראשון: הורדת התקנה מאתר Opensource.adobe.com

באתר של Adobe ניתן להוריד כל גרסה של Flex SDK על בסיס Nightly build. כמובן שעדיף להשתמש בגרסאות יציבות.
מהאתר ניתן להוריד את גרסת ה-production האחרונה (כרגע 3.3.0.4852), את ה-milestone האחרון ב-Flex 4 Beta 1, וגרסאות נוספות.

גרסאות להורדה של Flex 3

גרסאות להורדה של Flex 4

אחרי שנבחרה גרסת ההורדה, ניתן להוריד ולפתוח את קובץ ה-zip שנוצר.

שלב שני: מיקום הקבצים

את קבצי ה-SDK הפתוחים יש למקם ב-FlexBuilderInstallPath/sdks

שלב שלישי: הגדרת ה-SDK בפרווייקט ובסביבת העבודה

על מנת להגדיר שימוש ב-SDK מסויים בפרוייקט ספיציפי:

1. קליק ימני על הפרוייקט -> properties
2. בתפריט Actionscript Build Path לבחור את ספריית ה-SDK שבה רוצים להשתמש
3. בתפריט Actionscript Compiler לבחור את ה-SDK מתוך הרשימה

על מנת להגדיר שימוש ב-SDK מסויים כברירת המחדל של כל הפרוייקטים:

1. לפתוח בתפריט הראשי: window->prefrences
2. בחירה בקטגוריה Flex->Installed Flex SDKs
3. הוספת ה-SDK החדש לרשימה אם לא קיים, וסימון v בתיבה השמאלית להגדרה כ-default.

אפשרות נוספת: שימוש ב-Flex SDK בפלאש

לפעמים מתעורר צורך להשתמש בספריות Flex SDK מתוך פלאש בדרך כלל בגלל שימוש בספריות חיצוניות שנכתבו במקור לסביבת Flex.

על מנת להגדיר שימוש ב-SDK מתוך פלאש:

1. File -> Publish settings-> Flash tab
2. בחירה ב-Settings של Actionscript 3
3. בחירה ב-External library path ובחירה בספרית lib של ה-SDK הנבחר.

נסיון ראשון לבדיקה של ה-API החדש של ה-OSMF גילה סביבה נוחה ומהירה למימוש Player של וידאו שאכן מאפשר את ריכוז המאמץ מסביב לפרזנטציה ומקל מאוד את העבודה מול קבצי המדיה עצמם. אין עדיין (כמעט) דוגמאות ברשת לשימוש ב-OSMF אז אני מקווה שהדוגמא הקצרה הבאה תוכל לעזור.

המטרה של הפרוייקט הזה היתה לייבא קובץ מדיה באיזשהו פרוטוקול (HTTP, RTMP) , להציג אותו על הבמה ולשלוט בו בכמה שפחות קוד וזמן עבודה.
התוצאה היא:

במקרה דנן השתמשתי ב-progressive download, כלומר בפרוטוקול HTTP לטעינת הקובץ באמצעות אובייקט MediaPlayerSprite לתצוגה.

להורדת הקבצים

כמובן לא לשכוח יש צורך בהורדת ספריות  ה-swc מאתר Adobe

הבאג: אם משתמשים בכפתורי הניווט ב-input text בפלאש ב-wmode=transparent, במקום לקפוץ קדימה/אחורה/למחוק פעם אחת, הוא עושה פעמיים.

הסיבה: לא ברור

פתרון אפשרי: הבעיה מתרחשת ספציפית במצב שהוא wmode של tranparent/opaque, שימוש ב-wmode=window יפתור את הבעיה

ויש גם באג רשום ב-Adobe

באגים נוספים של wmode

הפרוייקט הראשון OSMF או Open Source Media Framework הוא למעשה המשך של Strobe ומיועד למפתחים שרוצים להשתמש ב-Media Player מובנה ולבניית אפליקציות מבוססות מדיה בלי להצטרך להתעמק בפיתוח צד הclient מבחינת הוידאו אלא להתמקד בחוויית המשתמש. ה-framework בנוי כך שניתן להוסיף לו plugins ב-actionscript שמממשים שכבות שונות של תקשורת ואינטראקציה. עוד על ה-plugins.

הפרוייקט השני מוכר כקומפוננטת טקסט מורחבת של CS4, ועכשיו הוא יוצא כ-opensource כחלק מה-flex SDK.

עוד על Text Layout Framework.

כתבה על Gixoo והאתר 6rounds ב-The Marker

"ג'יקסו, מפעילה את האתר 6rounds.com המאפשר לגולשים להתקשר אחד עם השני אונליין בווידיאו בעזרת מצלמות רשת, תוך שילוב של כל הכלים החברתיים המוכרים באינטרנט. ביום רביעי בשבוע שעבר השיקה החברה גרסת בטא לאתר אותו היא מפעילה. ג'יקסו מספקת לגולשים ממשק משותף, כך שמשתתף אחד יכול לראות את הפעולות של חברו באותו ממשק חברתי. הרעיון הוא לאפשר לשניהם לגלוש ביחד."

תהנו

בשבועות האחרונים למי ששם לב, יש "קצת" שינויים בתצוגה של האתר, אז לא להבהל אם פתאום האתר נראה שונה לגמרי… זה עדיין אני

אנחנו יוצאים לגרסת beta. תגידו בהצלחה

לכתבה ב-TechCrunch

לאתר

קוד כניסה: 6flashdev למלא בטופס registration. הכמות מוגבלת, אם צריך עוד תשאירו תגובה בהמשך.

אוקיי, אז בחלק קטן מהדפדפנים , אבל עדיין בעיה קיימת.

הבאג: קליק ימני על סרט פלאש מציג את settings (בחירת מצלמה/מיקרופון/sol) במצב disable על דפדפני iceweasel על debian, ודווח גם על בעיות ב-ubuntu (ב-ff 3.5 החדש הבעיה נפתרה כנראה)

הסיבה: לא ברור

פתרון אפשרי: הבעיה מתרחשת ספציפית במצב שהוא wmode של tranparent/opaque, שימוש ב-wmode=window יפתור את הבעיה (אבל כמובן שייצור בעיות אחרות אפשריות)

למי שמעוניין בקונבנציות קוד עבור Actionscript 3 בפיתוח פלאש, מוזמן לאמץ את הקונבנציות של Adobe במסמך ה-FlexSDK עבור contributors.