في هذا القسم، ستتعرّف على كيفية تضمين ملف وسائط في صفحة ويب باستخدام العلامتَين <video> و<source>، بالإضافة إلى طريقة إضافة ترجمة وشرح إلى فيديو لذوي العجز السمعي، وسنشرح بعض المفاهيم العامة حول استخدام أُطر عمل الوسائط.
بالإضافة إلى ذلك، ستتعرّف على كيفية استخدام التحميل المُسبق لتسريع عملية بدء التشغيل، وسنناقش كيف أنشأنا إصدارًا تجريبيًا مُحدَّثًا من تطبيق الويب التقدّمي (PWA) مع إمكانات البث التكيُّفي بلا إنترنت التي تُسمّى Kino.
يفترض هذا القسم أن لديك ملف فيديو جاهزًا للتضمين في صفحة ويب. لن يعمل ملف .mov الذي تم تنزيله من الكاميرا. إذا كان هذا كل ما لديك، راجِع إعداد ملفات الوسائط للويب ثم عُد مرة أخرى.
يتناول هذا القسم هذه المواضيع.
- في علامتَي <video> و<source>، ستتعلم كيفية تضمين ملف وسائط في صفحة ويب.
- في إمكانية الوصول إلى الوسائط، ستتعلم إضافة تسميات توضيحية إلى ملف وسائط لضعاف السمع.
- في أُطر العمل على الوسائط ستتعرف على أساسيات استخدام إطارات عمل الوسائط مثل Shaka Player وJW Player وVideo.js.
- في التشغيل السريع مع التحميل المسبق للصوت والفيديو، ستتعلّم تسريع تشغيل الوسائط عن طريق التحميل المُسبق للموارد.
- في تطبيق الويب التقدّمي (PWA) مع البث بلا إنترنت، ستتعلّم كيف أنشأنا إصدارًا تجريبيًا حديثًا من تطبيق الويب التقدّمي (PWA) بإمكانه بث المحتوى بشكل تكيُّفي وتشغيله بلا إنترنت بدون استخدام أُطر عمل. بالإضافة إلى ذلك، يمكنك اللعب باستخدام رمز المصدر.
هناك الكثير من الأساسيات التي سنتناولها في هذا القسم، لذا يمكنك البدء من خلال تعلُّم كيفية استخدام علامتَي <video> و <source>.