Bu bölümde, <video> ve <source> etiketlerini kullanarak bir medya dosyasını web sayfasına nasıl yerleştireceğinizi, işitme engelliler için bir videoya nasıl altyazı ekleyeceğinizi ve medya çerçevelerini kullanmayla ilgili bazı genel kavramları öğreneceksiniz.
Ayrıca, oynatma işleminin başlatılmasını hızlandırmak için ön yükleme özelliğini kullanma hakkında bilgi edinecek ve Kino adlı çevrimdışı, uyarlanabilir akış özelliklerine sahip güncellenmiş bir demo PWA'yı nasıl geliştirdiğimizi tartışacağız.
Bu bölümde, bir web sayfasına yerleştirilmeye hazır bir video dosyanız olduğu varsayılmaktadır. Kameradan indirilen .mov dosyaları kullanılamaz. Yalnızca bu dosyalarınız varsa Medya dosyalarını web için hazırlama başlıklı makaleyi inceleyin ve geri dönün.
Bu bölümde bu konular ele alınmaktadır.
- <video> ve <source> etiketleri bölümünde, medya dosyasını web sayfasına nasıl yerleştireceğinizi öğreneceksiniz.
- Medya erişilebilirliği bölümünde, işitme engelliler için medya dosyalarına altyazı eklemeyi öğreneceksiniz.
- Medya çerçeveleri bölümünde Shaka Player, JW Player ve Video.js gibi medya çerçevelerini kullanmayla ilgili temel bilgileri öğreneceksiniz.
- Ses ve video ön yüklemeyle hızlı oynatma bölümünde, kaynakları etkin bir şekilde ön yükleyerek medya oynatma hızınızı nasıl artıracağınızı öğreneceksiniz.
- Çevrimdışı akış içeren PWA başlıklı makalede, çerçeve kullanmadan uyarlanabilir akış ve çevrimdışı oynatma yapabilen güncellenmiş bir demo PWA'yı nasıl oluşturduğumuzu öğreneceksiniz. Ayrıca kaynak kodla da oynayabilirsiniz.
Bu bölümde ele alacağımız çok konu var. <video> ve <source> etiketlerini nasıl kullanacağınızı öğrenerek başlayın.