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