Kullanıcılar, özellikle videolar olmak üzere medyayı sever. Medya eğlenceli ve bilgilendirici olabilir. Mobil cihazlarda, videolar bilgi edinmenin metinden daha kolay bir yolu olabilir. İyi bir kullanıcı deneyimi için videoların mevcut bant genişliğinden fazlasına ihtiyacı olmamalıdır. Kullanıcılar, bu içerikleri hangi cihazda görüntülediklerine bakılmaksızın kullanabilmelidir. Kullanıcıların medyanın indirilmesini beklemesi gerekmemelidir. Oynat'a basıldığında hiçbir şey olmaması hiç kimsenin hoşuna gitmez.
Kendi cihazınızda video izlediğinizden, son paragraftaki hiçbir şey sizi şaşırtmaz. Artık kendi web sitenize video veya başka bir medya dosyasını nasıl yerleştireceğinizi öğrenmeniz gerekiyor. Medya eklemeyle ilgili teknik şartlar, kullanıcı deneyimine hizmet etmelidir.
Teknik koşullar
- Bir medya dosyasının sürümleri, hem ses hem de video akışları içeren, web'e uygun yaygın biçimlerdedir.
- Çözünürlük, kullanıcılarınızın cihazlarına uygun olmalıdır.
- Bit hızı, kullanıcılarınızın ağ bant genişliğini aşırı yüklememelidir.
- Sonuç, uygun teknolojileri kullanan tüm büyük tarayıcılarda görüntülenebilir.
- Dosya şifrelenmiş (isteğe bağlı).
Bu web sitesinin medya bölümü, bu teknik koşulları karşılamanıza yardımcı olacaktır. Bu kavramlar hâlâ biraz soyut geliyorsa endişelenmeyin. Bu konuları tüm makalelerde aşamalı olarak açıklayacağız. İlk bölümde medyanın temel kavramlarını, ikinci bölümde web'e medya eklemeyi ve son bölümde ise web'de medyayı kullanmanın bazı gelişmiş teknikleriyle birlikte pratik uygulamalarını öğreneceksiniz.
Web'de video gösterme
Bir sitede video görüntülerken kullanabileceğ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 için oynatıcılarını sitenize yerleştirmeniz gerekir.
- HTML
<video>ve<audio>öğeleri kullanılarak yapılan temel kendi kendine barındırılan yerleşim. - Shaka Player, JW Player veya Video.js gibi bir video kitaplığı kullanarak daha fazla tam özellikli yerleşik içerik.
- Kendi medya sunucunuzu ve akış uygulamanızı oluşturabilirsiniz.
Bu sitede, medya yerleştirmeyle ilgili temel bilgiler ele alınmaktadır. Ancak kendi medya akış uygulamanızı oluşturmaya başlamanıza yardımcı olmak için bazı daha ileri düzey konuları da ele alıyoruz. Bunu yapmak için gereken çaba önemsiz değildir. Bu nedenle, referans olarak kullanabileceğiniz çevrimdışı destek içeren bir Medya PWA oluşturduk. Bu uygulama, bu işlemin nasıl yapılabileceğini ve ne kadar çaba gerektirdiğini size gösterecektir. Uygulama, hiçbir şekilde üretime hazır bir teklif veya YouTube ya da Vimeo gibi hizmetlerle rekabet eden bir platform değildir. Ancak size yeni ve zorlu bir şey öğrenmek için bir başlangıç noktası sunar.
Dürüst olmak gerekirse, barındırılan medya hizmetlerine rakip bir hizmet oluşturmak için uzman mühendislerden oluşan bir ekip ve binlerce çalışma saati gerekir. Hedefiniz bu pazara bir 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 sunamayabilirsiniz ancak tarayıcı desteğinin en son özelliklerini keşfetmek ve denemek ya da en azından mevcut video kitaplıklarından birini kullanmak faydalı olabilir.
Öğreneceklerimiz
Medya koleksiyonu üç bölümden oluşur. Bu ilk bölümde, sitenize medya eklemeyle ilgili kavramları ve ön koşulları paylaşacağız. Bu eğitimde medya dosyalarının nasıl derlendiği, dosyalarınızı web'e hazırlamak için kullanacağınız uygulamalarla ilgili temel bilgiler ve akış kavramları açıklanmaktadır. İ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 nasıl şifreleme ekleyeceğiniz açıklanmaktadır. Son bölümde, bir medya dosyasını web sayfasına nasıl yerleştireceğinizi göstereceğiz. Otomatik oynatmayla ilgili en iyi uygulamaları, medya çerçevelerini kullanmayı, videoları çevrimdışı yapmayı ve videolarınızı erişilebilir hale getirmeyi ele alacağız.
Konuşacağımız çok konu var. Öncelikle medya dosyalarıyla ilgili temel bilgiler hakkında konuşalım.