انتقل إلى محتوى الدرس

Video Preload and Performance التحميل المسبق وتحسين أداء الفيديو

احترف تشغيل الفيديو في HTML5: أدوات التحكم الأصيلة، وسياسات التشغيل التلقائي، ودعم الصيغ المتعددة، وصور الغلاف التمهيدية، ومسارات ترجمة WebVTT، وتحسين الأداء والتحميل المسبق.
5 صفوف تعليمية
لغة HTML
15,968 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
تعتبر ملفات الفيديو من أضخم الأصول الرقمية المنقولة عبر شبكة الإنترنت؛ إذ تتراوح أحجامها بين عدة ميغابايتات إلى مئات الميغابايتات. وتمنح خاصية preload المطور تحكماً دقيقاً في حجم البيانات التي يجوز للمتصفح تنزيلها مسبقاً عند تحميل الصفحة، محققة التوازن المطلوب بين سرعة بدء العرض وتوفير استهلاك البيانات.
الصف 2 صورة توضيحية
التحميل المسبق وتحسين أداء الفيديو
الصف 3 شرح توضيحي
تقبل خاصية preload ثلاث قيم رئيسية: القيمة none تمنع المتصفح من تنزيل أي بايت حتى يضغط الزائر زر التشغيل؛ بينما تجلب القيمة metadata أبعاد الفيديو ومدته الزمنية وفهرس الترجمة فقط؛ في حين تسمح القيمة auto بتنزيل وتخزين أجزاء متقدمة من الفيديو مسبقاً.
الصف 4 ملاحظة هامة
الصف 5 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

ملخص الدرس: أتقنت في هذا الدرس المعمارية المتكاملة لعنصر الفيديو في HTML5: خصائص التحكم الأساسية، وسياسات التشغيل التلقائي وكتم الصوت، وشلال المصادر المتعددة لضمان التوافق، وتعيين صور الغلاف عبر poster، ودمج مسارات الترجمة عبر track، وتحسين استهلاك البيانات عبر preload. الخطوة التالية: سنتعلم في الدرس القادم كيفية تضمين وإدارة الملفات الصوتية والبث الصوتي عبر عنصر audio.