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