Bu bölümde <video> ve <source> etiketlerini kullanarak bir web sayfasına medya dosyası yerleştirmeyi, işitme engelliler için videoya altyazı eklemeyi ve medya çerçevelerini kullanmayla ilgili bazı genel kavramları öğreneceksiniz.
Ayrıca oynatmanın başlatılmasını hızlandırmak için önceden yüklemeyi kullanma hakkında bilgi edinecek ve Kino adlı çevrimdışı uyarlanabilir akış özelliklerine sahip güncellenmiş bir demo PWA'yı nasıl geliştirdiğimizden bahsedeceğiz.
Bu bölümde, web sayfasına yerleştirilmeye hazır bir video dosyanızın olduğu varsayılmıştır. Kameradan indirilen .mov dosyası çalışmaz. Bunlar dışında
Medya dosyalarını web için hazırlama konusuna bakın, daha sonra geri dönün.
Bu bölümde bu konular ele alınmaktadır.
- <video> ve <source> etiketlerinde, özel olarak web sayfasına medya dosyası yerleştirmeyi öğreneceksiniz.
- Medya erişilebilirliği bölümünde, işitme engelliler için bir medya dosyasına altyazı eklemeyi öğreneceksiniz.
- Medya çerçevelerinde Shaka Player, JW Player ve Video.js gibi medya çerçevelerini kullanmayla ilgili temel bilgileri öğreneceksiniz.
- Ses ve videonun önceden yüklenmesiyle hızlı oynatma bölümünde kaynakları aktif bir şekilde önceden yükleyerek medya oynatma işleminizi hızlandırmayı öğreneceksiniz.
- Çevrimdışı akışlı PWA'da, çerçeve kullanmadan uyarlanabilir akış ve çevrimdışı oynatma yapabilen güncellenmiş bir demo PWA'yı nasıl geliştirdiğimizi öğreneceksiniz. Ayrıca kaynak koduyla da oynayabilirsiniz.
Bu bölümde ele alınması gereken çok sayıda konu vardır. <video> ve <source> etiketlerinin nasıl kullanılacağını öğrenerek işe başlayın.