סיכום: האם HTML5 החלפת פלאש?

אין סיבות משכנעות למפתחים להמיר את אתרי האינטרנט הקיימים שלהם מפלאש ל- HTML5, במיוחד כשמדובר בווידיאו. פלאש מספק GUI ותכונות חזותיות לאנימציות, ואילו HTML5 מאפשר לך לצייר גרפיקה באמצעות JavaScript. אלמנט הבד של HTML5 הופך להיות פופולרי יותר, ומאפשר אנימציות ושינוי.

1. מהן התכונות העיקריות של פלאש?

פלאש מספק GUI מדהים ותכונות חזותיות לאנימציות. זה מאפשר למשתמש לבנות הכל בתוך פלטפורמה מסוימת ללא שילוב מלא בדפדפן.

2. מה מציע אלמנט HTML5?

אלמנט HTML5 מאפשר לך לצייר גרפיקה באמצעות JavaScript. זה יכול לשמש לגרפים, קומפוזיציות תמונות ואנימציות.

3. מיושן פלאש?

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

4. אילו פורמטי וידאו נתמכים ב- HTML5?

HTML5 אינו מציין פורמט וידאו סטנדרטי, ולכן כל מפתח דפדפנים חופשי לבחור באיזה פורמט וידאו לתמוך. הבחירות העיקריות הן ח.264 ו- Ogg Theora Formats.

5. זורם נתמך ב- HTML5?

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

6. מהי תמיכת הדפדפן הנוכחית בשמע ובווידיאו ב- HTML5?

אין דפדפן, למעט אופרה, תומך כיום בכל פונקציות הווידיאו והשמע שצוינו ב- HTML5.

7. האם אנימציה אפשרית ב- HTML5?

כן, HTML5 מסתמך בעיקר על JavaScript כדי לספק אנימציות ואינטראקטיביות עשירות. ניתן להשתמש בו בשילוב עם תג הבד, יכולות האנימציה והטרנספורמציה של CSS3, SVG וגופני אינטרנט.

8. לאיזה דפדפן יש את התמיכה המקיפה ביותר ב- HTML5?

אף אחד מהדפדפנים, למעט אופרה, לא תומך כיום בכל פונקציות השמע, הווידיאו והאנימציה הנדרשות שהוגדרו ב- HTML5.

9. האם מפתחים יכולים להיות תלויים אך ורק בתמיכת וידאו ושמע HTML5?

לא, מפתחים יצטרכו ליישם סקריפטים מתקדמים כדי לאתר יכולות דפדפן ולהשתמש באפשרות המצגת הטובה ביותר.

10. האם HTML5 מספק כפונקציונליות פיתוח מתקדמת כמו פלאש?

לא, בעוד HTML5 מספק יכולות אנימציה, הוא אינו מספק את אותה רמה של פונקציונליות פיתוח מתקדמת כמו פלאש.

הוא HTML5 החלפת פלאש

למעט הצורך לשרת משתמשי אייפון ואייפד אין סיבות משכנעות למפתחים להמיר את האתרים הקיימים שלהם מ- Flash ל- HTML5 וידאו, או אפילו פחות לחומר וידיאו לקוד מחדש. אם בכלל, המצב הנוכחי דורש עבודה ומורכבות נוספת בפיתוח אתרים אם רצוי וידאו HTML5.

האם HTML5 מחליף רק את היבטי הווידיאו של Flash/Silverlight?

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

אלמנט HTML5 מעניק לך דרך קלה ועוצמתית לצייר גרפיקה באמצעות JavaScript. ניתן להשתמש בו כדי לצייר גרפים, ליצור קומפוזיציות תמונות או לעשות אנימציות פשוטות (ולא כל כך פשוטות).

להלן אלמנט פשוט שיש בו רק שתי תכונות ספציפיות רוחב וגובה בתוספת כל תכונות הליבה HTML5 כמו מזהה, שם וכיתה וכו ‘.

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

מתכנת / אנליסט / טכנאי

הוא HTML5 החלפת פלאש?

הטיעונים האחרונים בין אפל ל- Adobe בנוגע לתמיכה בפלאש באייפון ובאייפד הובילו את הדיון בוידאו באמצעות HTML5 VS. הֶבזֵק.

בפוסט זה אני מעיר על הסטטוס הנוכחי של סטנדרטים ותמיכה בדפדפן והאם HTML5 יחליף את הפלאש.

וידאו ושמע ב- HTML5

HTML5 מאפשר לווידיאו משובץ לנגן באופן טבעי בדפדפן. על מנת שדפדפן ינגן וידאו הוא צריך לכלול קודקוד וידאו. לכל פורמט וידאו יש קודקוד אחר. מכיוון ש- W3C (גוף השלטון של תקן HTML) החליט לא לציין פורמט וידאו רגיל, כל מפתח דפדפנים חופשי לבחור באיזה פורמט וידאו לתמוך.

עד כה שתי הבחירות העיקריות הן ח.264 ו- Ogg Theora Formats. חלק מהדפדפנים תומכים בזה או אחר, ורק כרום החליט לתמוך בשניהם. הווידיאו המקוון ביותר מקודד כעת באמצעות H.264 Codec, ומכשירים רבים תומכים בפענוח חומרה המשפר מאוד את הביצועים ואת חיי הסוללה.

היבט חשוב נוסף שנשאר מחוץ לסטנדרט היה סטרימינג. ללא הגדרה כלשהי בזרם אנו נותרים לכל מנגנון דפדפנים ומפתחי שרתים רוצים לתמוך.

המצב עם השמע דומה מבחינת היקף המפרט, פורמטים שונים הקיימים והתמיכה על ידי דפדפנים גדולים.

נוסף.

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

אנימציה ב- HTML5

היבט אחד של ההשוואה בין Flash ל- HTML5 שנראה שנשאר בחוץ הוא יכולת האנימציה. HTML5 מסתמך בעיקר על JavaScript כדי לספק אנימציות ואינטראקטיביות עשירות. עם זאת, זה מיועד לשמש יחד עם תג ה- HTML Canvas החדש לציור אובייקטים דו -ממדיים ותלת -ממדיים, יכולות אנימציה ושינוי CSS3, כמו גם תמיכה בדפדפן ל- SVG (גרפיקה וקטורית מדרגית) וגופני אינטרנט.

בדומה למצב עם שמע ווידאו, מרבית הדפדפנים תומכים בבד, SVG או CSS באופן חלקי או בכלל לא.

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

תמיכה בדפדפן

הטבלה הבאה מציגה את רמת התמיכה הנוכחית של פונקציות שמע, וידאו ואנימציה שונות ב- HTML5 ו- CSS3 הדרושות כדי להתחרות בפלאש.

וִידֵאוֹ ח.264	וִידֵאוֹ אוג	שֶׁמַע MP3	שֶׁמַע WAV	שֶׁמַע אוג	בַּד תָג	SVG	CSS אנימציה.
כלומר 9	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘
פיירפוקס 3.6	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	ה
פיירפוקס 3.5	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘
כרום 5	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	ה
כרום 4	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘
ספארי 4	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	♦ עמ ‘	ה
אופרה 10.5	♦	♦	♦ עמ ‘	♦ עמ ‘
אופרה 10.0	♦	♦	♦ עמ ‘	♦ עמ ‘

מקור: Wikipedia – HTML5, CSS3, SVG
הערות: P – תמיכה חלקית, E – ניסיוני

התרשים הבא מציג את נתח השוק הנוכחי של הדפדפנים השונים. לרוע המזל השוק נשלט בהרבה על ידי דפדפנים שאין להם תמיכה מספקת ב- HTML5 או CSS3.

סיכום

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

למעט הצורך לשרת משתמשי אייפון ואייפד אין סיבות משכנעות למפתחים להמיר את האתרים הקיימים שלהם מ- Flash ל- HTML5 וידאו, או אפילו פחות לחומר וידיאו לקוד מחדש. אם בכלל, המצב הנוכחי דורש עבודה ומורכבות נוספת בפיתוח אתרים אם רצוי וידאו HTML5.

אם אתה מפתח אתר חדש או שאתה רוצה לתמוך בווידיאו HTML5, ייתכן שתרצה לנסות את הווידיאו Longtail JW נגן עבור HTML5, אוסף של סקריפטים והגדרות המאפשרת לך לפרוס וידאו באמצעות תמיכה HTML5 מקורית או פלאש במידת הצורך. שים לב שהוא עדיין בגרסת בטא.

רובן רייס

רובן הוא הטכנולוגית המובילה ב- Lyquix. הוא מתייעץ ישירות עם לקוחות ומנהל את צוות הפיתוח של Lyquix.