Kullanıcılar medyayı, özellikle de videoları sever. Eğlenceli ve bilgilendirici olabilirler. Mobil cihazlarda videolar, metin yerine bilgiyi tüketmenin daha kolay bir yolu olabilir. İyi bir kullanıcı deneyimi için videoların mevcut bant genişliğinden daha fazlasına ihtiyacı olmamalıdır. Kullanıcılar, bu uygulamaları hangi cihazla görüntülüyor olursa olsun kullanabilmelidir. Kullanıcıların hiçbir zaman medyanın indirilmesini beklememesi gerekir. Kimse oynat düğmesine bastığında hiçbir şey olmuyor.
Kendi cihazınızda video izlediğinizden şüphesiz ki son paragrafta hiçbir şey sizi şaşırtmıyor. Şimdi bir videoyu veya başka bir medya dosyasını kendi web sitenize nasıl yerleştireceğinizi öğrenmelisiniz. Medya eklemenin teknik gereksinimleri kullanıcı deneyimine hizmet etmelidir.
Teknik koşullar
- Medya dosyası sürümleri, hem ses hem de video akışlarını içeren, web'e uygun yaygın biçimlerdir.
- Çözünürlük, kullanıcılarınızın cihazları için uygun olmalıdır.
- Bit hızı, kullanıcılarınızın ağ bant genişliğine aşırı yüklenmez.
- Sonuç, uygun teknolojilerin kullanıldığı tüm önemli tarayıcılarda görüntülenebilir.
- Dosya şifrelenmiştir (İsteğe bağlı).
Bu web sitesinin medya bölümü, bu teknik gereksinimleri karşılamanıza yardımcı olur. Bu kavramlar hâlâ biraz soyutsa merak etmeyin. Bunları tüm makalelerde adım adım açıklayacağız. İlk bölümde medyanın temel kavramlarını, ikinci bölümde web'e nasıl medya ekleneceğini ve son bölümde web'de medya kullanımına ilişkin bazı gelişmiş tekniklerin yer aldığı pratik uygulamaları öğreneceksiniz.
Web'de video görüntüleniyor
Bir sitede video gösterirken uygulayabileceğiniz dört yaklaşım vardır.
- Videolarınızı YouTube veya Vimeo gibi bir medya barındırma sağlayıcısına yükleyin. Bu seçenekler, oynatıcılarını sitenize yerleştirmenizi gerektirir.
- HTML
<video>ve<audio>öğeleri kullanılarak kendi kendine barındırılan temel yerleştirme. - Shaka Player, JW Player veya Video.js gibi bir video kitaplığı kullanarak daha fazla tam özellikli yerleştirme.
- Kendi medya sunucunuzu ve akış uygulamanızı oluşturma.
Bu sitede temel olarak, medya yerleştirmeyle ilgili temel bilgiler verilmektedir. Bununla birlikte, kendi medya akışı uygulamanızı oluşturmaya başlamanıza yardımcı olmak için daha ileri düzey bazı konulara değineceğiz. Bunu yapmaya çalışırken referans olarak kullanabileceğiniz, çevrimdışı desteğe sahip bir Medya PWA'sı geliştirdik. Bu PWA'nın hem bunu başarmanın yollarını hem de ne kadar çaba gerektirdiğini size göstermesi gerekiyor. Bu uygulama, kesinlikle üretime hazır bir teklif veya YouTube ya da Vimeo gibi hizmetlerin rakibi değildir, ancak zorlayıcı ve yeni bir şeyler öğrenmeniz için size bir başlangıç noktası sağlar.
Açıkçası, barındırılan medya hizmetleri için bir rakip oluşturmak, uzman mühendislerden oluşan bir ekip ve saatlerce sürecek çalışma gerektirir. Amacınız söz konusu pazara rakip olarak girmek değilse diğer yöntemlerden birini kullanmanız daha iyi olur. Teknolojiyi anlamak önemlidir. Kendi uygulamanızı veya video oynatıcınızı kullanıma sunamıyor olsanız da son teknoloji tarayıcı desteğini keşfetmeyi ve deney yapmayı ya da en azından mevcut video kitaplıklarından birini kullanmayı faydalı bulabilirsiniz.
Neler öğreneceğiz?
Medya koleksiyonu üç bölümden oluşur. Bu ilk bölümde, sitenize medya eklemeyle ilgili kavramlar ve ön koşul bilgileri sunacağız. Medya dosyalarının nasıl bir araya getirildiğini, dosyalarınızı web'e hazır hale getirmek için ihtiyaç duyacağınız uygulamalarla ilgili temel bilgileri ve akış kavramlarını açıklarız. İkinci bölümde, dosyalarınızı nasıl hazırlayacağınız, bunları çeşitli biçimlere nasıl dönüştüreceğiniz ve isteğe bağlı olarak nasıl şifreleme ekleyeceğiniz açıklanmaktadır. Son bölümde, bir web sayfasına medya dosyası yerleştirmeyi, otomatik oynatmayla ilgili en iyi uygulamaları, medya çerçevelerini kullanmayı, videoları çevrimdışına almayı ve videolarınızı erişilebilir hale getirmeyi göstereceğiz.
Konuşulacak çok konu var, bu yüzden medya dosyasıyla ilgili temel bilgiler ile başlayalım.