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