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