Bu bölümde <video> ve <source> etiketlerini kullanarak bir web sayfasına medya dosyasını nasıl yerleştireceğinizi, işitme engelliler için bir videoya nasıl altyazı ekleyeceğinizi ve medya çerçevelerinin kullanımıyla ilgili bazı genel kavramları öğreneceksiniz.
Buna ek olarak, oynatmanın başlatılmasını hızlandırmak için önceden yüklemenin kullanımı hakkında bilgi edinecek ve Kino adlı çevrimdışı uyarlanabilir akış özelliklerine sahip güncellenmiş bir demo PWA'yı nasıl oluşturduğumuzu anlatacağız.
Bu bölümde, web sayfasına yerleştirilmeye hazır bir video dosyanızın olduğu varsayılmaktadır. Kameradan indirilen .mov dosyası çalışmaz. Aklınıza takılanlar bu kadarsa Medya dosyalarını web için hazırlama başlıklı makaleye göz atıp daha sonra geri dönün.
Bu bölümde bu konular ele alınmaktadır.
- <video> ve <source> etiketlerinde medya dosyasının web sayfasına nasıl yerleştirileceğini öğreneceksiniz.
- Medya erişilebilirliği bölümünde, işitme engelliler için bir medya dosyası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 önceden yükleme ile hızlı oynatma bölümünde, kaynakları etkin bir şekilde önceden yükleyerek medya oynatmanızı hızlandırmayı öğreneceksiniz.
- Çevrimdışı akışlı PWA'da, çerçeveler kullanmadan uyarlanabilir akış ve çevrimdışı oynatma yapabilen güncellenmiş bir demo PWA'yı nasıl oluşturduğumuzu öğreneceksiniz. Ayrıca kaynak koduyla oynayabilirsiniz.
Bu bölümde ele alınacak çok nokta var. Öncelikle <video> ve <source> etiketlerini nasıl kullanacağınızı öğrenerek başlayın.