משתמשים אוהבים מדיה, במיוחד סרטונים, כי הם יכולים להיות כיפיים ומידעיים. במכשירים ניידים, סרטונים יכולים להיות דרך קלה יותר לצרוך מידע מאשר טקסט. כדי שחוויית המשתמש תהיה טובה, הסרטונים לא צריכים להשתמש ביותר ממה שרוחב הפס הזמין מאפשר. המשתמשים צריכים להיות מסוגלים להשתמש בהם בכל מכשיר שבו הם צופים בהם. המשתמשים לא צריכים לחכות להורדת המדיה. אף אחד לא אוהב ללחוץ על 'הפעלה' ולא קורה כלום.
אין ספק שצפיתם בסרטונים במכשיר שלכם, ולכן אין לכם הפתעות לגבי הקטע האחרון. עכשיו תלמדו איך להוסיף סרטון או קובץ מדיה אחר לאתר שלכם. הדרישות הטכניות להוספת מדיה צריכות לשרת את חוויית המשתמש.
הדרישות הטכניות
- הגרסאות של קובץ המדיה הן בפורמטים נפוצים שמתאימים לאינטרנט, שמכילים גם סטרימינג של אודיו וגם סטרימינג של וידאו.
- הרזולוציה מתאימה למכשירים של המשתמשים.
- קצב העברת הנתונים לא יוצר עומס יתר על רוחב הפס של הרשת של המשתמשים.
- התוצאה ניתנת לצפייה בכל הדפדפנים העיקריים באמצעות טכנולוגיות מתאימות.
- הקובץ מוצפן (אופציונלי).
בקטע מדיה באתר הזה מוסבר איך לעמוד בדרישות הטכניות האלה. אם המושגים האלה עדיין קצת מופשטים, אל דאגה. נסביר אותם בהדרגה במאמרים השונים. בקטע הראשון תלמדו על המושגים הבסיסיים של מדיה, בקטע השני תלמדו איך להוסיף מדיה לאינטרנט, ובקטע האחרון תלמדו על יישומים מעשיים של שימוש במדיה באינטרנט, כולל כמה שיטות מתקדמות.
הצגת סרטונים באינטרנט
יש ארבע גישות שאפשר להשתמש בהן כשמציגים סרטון באתר.
- מעלים את הסרטונים לספק אירוח מדיה, כמו YouTube או Vimeo. כדי להשתמש באפשרויות האלה, צריך להטמיע את הנגנים שלהן באתר.
- הטמעה בסיסית באירוח עצמי באמצעות הרכיבים
<video>ו-<audio>ב-HTML. - הטמעה עם תכונות מפורטות יותר באמצעות ספריית וידאו כמו Shaka Player, JW Player או Video.js.
- פיתוח שרת מדיה ואפליקציית סטרימינג משלכם.
באתר הזה נסביר בעיקר את העקרונות הבסיסיים של הטמעת מדיה. עם זאת, אנחנו כן עוברים על כמה נושאים מתקדמים יותר כדי לעזור לכם להתחיל בתהליך של פיתוח אפליקציית סטרימינג משלכם. המאמץ הנדרש כדי לעשות זאת הוא לא פשוט, לכן פיתחנו אפליקציית PWA לווידאו עם תמיכה במצב אופליין, שאפשר להשתמש בה כמקור מידע. האפליקציה הזו תראה לכם איך אפשר לעשות את זה ואת מידת המאמץ הנדרשת. האפליקציה לא מוכנה לייצור או מתחרה בשירותים כמו YouTube או Vimeo, אבל היא תספק לכם נקודת התחלה ללימוד משהו חדש ומאתגר.
למען האמת, כדי ליצור תחרות לשירותי מדיה מתארחים, צריך צוות של מהנדסי מומחים ואלפי שעות עבודה אנושיות. אלא אם המטרה שלכם היא להיכנס לשוק הזה כמתחרים, עדיף להשתמש באחת מהשיטות האחרות. כדאי להבין את הטכנולוגיה. גם אם אתם לא מתכננים להשיק אפליקציה או נגן וידאו משלכם, כדאי לבדוק ולנסות את התכונות המתקדמות ביותר של תמיכת הדפדפן, או לפחות להשתמש באחת מספריות הווידאו הקיימות.
מה תלמדו
האוסף media מורכב משלושה חלקים. בקטע הראשון הזה נספק מושגים ומידע על תנאי הקבלה להוספת מדיה לאתר. במאמר הזה נסביר איך קובצי מדיה נוצרים, נספק מידע בסיסי על האפליקציות שדרושות כדי להכין את הקבצים לאינטרנט ונסביר על מושגי סטרימינג. בקטע השני מוסבר איך להכין את הקבצים ולהמיר אותם לפורמטים שונים, ואיך להוסיף הצפנה אם רוצים. בקטע האחרון נסביר איך להטמיע קובץ מדיה בדף אינטרנט, נציג שיטות מומלצות להפעלה אוטומטית, נדבר על שימוש במסגרות מדיה, על העברת סרטונים למצב אופליין ועל הנגשת סרטונים.
יש הרבה נושאים שצריך להתייחס אליהם, אז נתחיל עם היסודות של קובצי מדיה.