קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
Derek Herman
Joe Medley
בחלק הזה תלמדו איך להטמיע קובץ מדיה בדף אינטרנט באמצעות התגים <video> ו-<source>, איך להוסיף כתוביות לסרטון לכבדי שמיעה, וגם כמה מושגים כלליים לשימוש במסגרות מדיה.
בנוסף, נלמד על שימוש בטעינה מראש כדי לזרז את התחלת ההפעלה, ונדון באופן שבו פיתחנו הדגמה מעודכנת של PWA עם יכולות סטרימינג אדמיניסטרטיביות אופליין שנקראות Kino.
הקטע הזה מניח שיש לכם קובץ וידאו שמוכן להטמעה בדף אינטרנט. הורדת קובץ .mov ממצלמה לא תפעל. אם זה כל מה שיש לכם, תוכלו להיעזר במאמר הכנת קובצי מדיה לאינטרנט ואז לחזור.
ב-PWA עם סטרימינג אופליין נסביר איך פיתחנו הדגמה מעודכנת של PWA, שיכולה לבצע סטרימינג דינמי והפעלה אופליין ללא שימוש ב-frameworks. בנוסף, אפשר לשחק עם קוד המקור.
הקטע הזה כולל הרבה שטח. כדי להתחיל, מומלץ ללמוד איך להשתמש בתגים <video> ו-<source>.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"חסרים לי מידע או פרטים"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"התוכן מורכב מדי או עם יותר מדי שלבים"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"התוכן לא עדכני"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"בעיה בתרגום"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"בעיה בדוגמאות/בקוד"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"סיבה אחרת"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"התוכן קל להבנה"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"התוכן עזר לי לפתור בעיה"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"סיבה אחרת"
}]
{"lastModified": "\u05e2\u05d3\u05db\u05d5\u05df \u05d0\u05d7\u05e8\u05d5\u05df: 2020-06-19 (\u05e9\u05e2\u05d5\u05df UTC)."}
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2020-06-19 (שעון UTC)."],[],[]]