Derek Herman
Joe Medley
בקטע הזה נסביר איך להטמיע קובץ מדיה בדף אינטרנט באמצעות התגים <video> ו-<source>, איך להוסיף כתוביות לסרטון לאנשים עם לקות שמיעה ומושגים כלליים לשימוש במסגרות מדיה.
בנוסף, תלמדו איך להשתמש בהטענה מראש כדי לזרז את תחילת ההפעלה, ונסביר איך יצרנו דמו מעודכן של אפליקציית PWA עם יכולות של סטרימינג אדפטיבי אופליין שנקראת Kino.
בקטע הזה נניח שיש לכם קובץ וידאו מוכן להטמעה בדף אינטרנט. קובץ .mov שהורדתם ממצלמה לא יפעל. אם זה כל מה שיש לכם, תוכלו לקרוא את המאמר הכנת קובצי מדיה לאינטרנט ואז לחזור לכאן.
בקטע הזה נסביר על הנושאים האלה.
- במאמר התגים <video> ו-<source> מוסבר בפירוט איך מטמיעים קובץ מדיה בדף אינטרנט.
- בקטע נגישות מדיה מוסבר איך מוסיפים כתוביות לקובץ מדיה לאנשים עם לקות שמיעה.
- במסגרות מדיה תלמדו את העקרונות הבסיסיים לשימוש במסגרות מדיה כמו Shaka Player, JW Player ו-Video.js.
- בקטע הפעלה מהירה עם טעינת אודיו ווידאו מראש תלמדו איך להאיץ את הפעלת המדיה על ידי טעינת משאבים מראש באופן פעיל.
- במאמר אפליקציה מבוססת-דפדפן עם סטרימינג אופליין תלמדו איך יצרנו דמו מעודכן של אפליקציה מבוססת-דפדפן שיכולה לבצע סטרימינג אדפטיבי והפעלה אופליין בלי להשתמש במסגרות. בנוסף, אפשר להתנסות בקוד המקור.
יש הרבה נושאים שצריך לכסות בקטע הזה, ולכן כדאי להתחיל בלמידה של השימוש בתגים<video> ו-<source>.