Kullanıcılar medyayı, özellikle de videoları sever; eğlenceli ve bilgilendirici olabilirler. Mobil cihazlarda, videolar, bilgi tüketmenin metinden 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, cihazları hangi cihazla görüntülerlerse görüntülesin bunları kullanabilmelidir. Kullanıcılar hiçbir zaman medya içeriğinin indirilmesini beklemek zorunda kalmamalıdır. Kimse oynat düğmesine bastığında beğenmez ve hiçbir şey olmaz.
Hiç şüphesiz videoyu kendi cihazınızda tükettiniz. Bu nedenle, son paragraftaki hiçbir şey sizi şaşırtmadı. Şimdi bir videoyu veya başka bir medya dosyasını kendi web sitenize nasıl yerleştireceğinizi öğrenmeniz gerekiyor. Medya eklemeyle ilgili teknik gereksinimler kullanıcı deneyimine yardımcı olmalıdır.
Teknik koşullar
- Medya dosyası sürümleri, hem ses hem de video akışlarını içeren, web'e uygun yaygın biçimlerdedir.
- Çözünürlük, kullanıcılarınızın cihazları için uygundur.
- Bit hızı, kullanıcılarınızın ağ bant genişliğine aşırı yüklenmez.
- Sonuç, uygun teknolojileri kullanan tüm büyük tarayıcılarda görüntülenebilir.
- Dosya şifreli (İsteğe bağlı).
Bu web sitesinin medya bölümü, bu teknik gereksinimleri karşılamanıza yardımcı olacaktır. Bu kavramlar hâlâ biraz soyutsa endişelenmeyin. Bunları tüm makaleler boyunca kademeli olarak açıklayacağız. İlk bölümde medyayla ilgili temel kavramlar hakkında bilgi edinecek, ikinci bölümde medyanın web'e nasıl ekleneceğini, son bölümde ise web'de medyayı kullanmaya ilişkin pratik uygulamaları bazı ileri düzey tekniklerle öğreneceksiniz.
Web'de video gösteriliyor
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>öğelerini kullanarak yerel olarak barındırılan temel yerleştirme. - Shaka Player, JW Player veya Video.js gibi bir video kitaplığı kullanarak tam özellikli daha fazla yerleştirme.
- Kendi medya sunucunuzu ve akış uygulamanızı oluşturma.
Bu site esas olarak medya yerleştirmeyle ilgili temel bilgileri kapsamaktadır. Bununla birlikte, kendi medya akış uygulamanızı oluşturma yolculuğunuza başlamanız için daha ileri düzey konulardan bazılarını ele alıyoruz. Bunu yapmak için gösterilen çaba önemsiz değil. Bu yüzden referans olarak kullanabileceğiniz çevrimdışı desteğe sahip bir Medya PWA oluşturduk. Bu, hem bunun nasıl başarılabileceğini hem de ne kadar çaba gerektirdiğini size göstermelidir. Uygulama kesinlikle YouTube veya Vimeo gibi hizmetlerin prodüksiyona hazır bir teklifi veya rakibi değildir, ancak zorlayıcı ve yeni bir şey öğrenmeniz için bir başlangıç noktası sağlar.
Açıkçası, barındırılan medya hizmetlerine bir rakip oluşturmak için uzman mühendislerden oluşan bir ekip ve binlerce insan saati gerektiren bir çalışma gerekli. Hedefiniz pazara bir rakip olarak girmek değilse diğer yöntemlerden birini kullanmanız daha iyi olur. Teknolojiyi anlamakta fayda vardır. Kendi uygulamanızı veya video oynatıcınızı kullanıma sunmasanız da, tarayıcı desteğinin ileri düzey teknolojisiyle ya da en azından mevcut video kitaplıklarından birini kullanarak keşif ve denemeler yapabilirsiniz.
Öğreneceklerimiz
Medya koleksiyonu üç bölümden oluşur. Bu ilk bölümde, sitenize medya eklemeyle ilgili temel kavramları ve ön koşul bilgilerini sağlayacağız. Bu, medya dosyalarının nasıl bir araya getirildiğini, dosyalarınızı web için hazırlamanız gereken uygulamalar hakkındaki temel bilgileri ve akışla ilgili kavramları içerir. İkinci bölümde, dosyalarınızı nasıl hazırlayacağınız, çeşitli biçimlere nasıl dönüştüreceğiniz ve isteğe bağlı olarak şifreleme nasıl ekleyeceğiniz açıklanmaktadır. Son bölümde, web sayfasına medya dosyası yerleştirmeyi, otomatik oynatmayla ilgili en iyi uygulamaları, medya çerçevelerini kullanma, videoları çevrimdışına alma ve videolarınızı erişilebilir hale getirme konularını göstereceğiz.
Ele alınması gereken çok fazla konu var, bu yüzden Medya dosyasıyla ilgili temel bilgiler ile başlayalım.