در این بخش، نحوه جاسازی یک فایل رسانه ای در یک صفحه وب با استفاده از تگ های <video> و <source> ، نحوه افزودن زیرنویس به یک ویدیو برای افراد کم شنوا و برخی مفاهیم کلی برای استفاده از چارچوب های رسانه ای را خواهید آموخت. علاوه بر این، در مورد استفاده از پیش بارگذاری برای سرعت بخشیدن به شروع پخش یاد خواهید گرفت، و در مورد نحوه ساخت یک PWA نسخه آزمایشی به روز شده با قابلیت پخش آفلاین تطبیقی به نام Kino بحث خواهیم کرد.
این بخش فرض می کند که شما یک فایل ویدئویی آماده برای جاسازی در یک صفحه وب دارید. فایل .mov دانلود شده از دوربین کار نخواهد کرد. اگر این تمام چیزی است که دارید، به تهیه فایل های رسانه ای برای وب مراجعه کنید و سپس برگردید.
این بخش به این موضوعات می پردازد.
- در تگ های <video> و <source> به طور خاص یاد خواهید گرفت که چگونه یک فایل رسانه ای را در یک صفحه وب جاسازی کنید.
- در دسترس‌پذیری رسانه، یاد می‌گیرید که برای افراد کم‌شنوا، زیرنویس‌هایی را به فایل رسانه اضافه کنید.
- در چارچوب‌های رسانه، اصول اولیه استفاده از چارچوب‌های رسانه‌ای مانند Shaka Player، JW Player و Video.js را خواهید آموخت.
- در پخش سریع با پیش بارگذاری صوتی و تصویری، یاد خواهید گرفت که با بارگذاری فعال منابع، پخش رسانه خود را تسریع کنید.
- در PWA با پخش جریانی آفلاین، خواهید آموخت که چگونه یک PWA نسخه آزمایشی به‌روزرسانی شده ایجاد کردیم که قادر به پخش جریانی تطبیقی و پخش آفلاین بدون استفاده از چارچوب است. به علاوه می توانید با کد منبع بازی کنید.
زمینه های زیادی برای پوشش دادن در این بخش وجود دارد، با یادگیری نحوه استفاده از تگ های <video> و <source> شروع کنید.