Adobe’nin Flash Player'ı uzun süredir internet için birincil video oynatıcı olarak kullanılmaktadır. Uzun süre hüküm sürdü, ancak yerini daha hızlı, verimli ve daha kolay dosya yönetimi sağlayan protokoller alıyor. Google Chrome da Flash'ı engellemeye başladı ve yakında Adobe Flash desteğini tamamen sona erdirecek. Bu eski protokolü tamamen değiştirmek biraz zaman alabilir, ancak kesinlikle faydalarını da beraberinde getirir. Yeni tarayıcılardan bazıları HLS (HTTP Canlı Akışı) için yerel desteklere sahiptir.
HTML5 ve HLS, açık kaynaklı protokollerdir; bu, herkesin kodunu değiştirebileceği ve web sitesinde tamamen ücretsiz olarak kullanabileceği anlamına gelir. Bir videoyu birden çok farklı oynatma kalitesi standardında kodlamak, ekli altyazılar ve bant genişliğine göre videonun kalitesini optimize etmek HLS video akışı ile sorunsuz hale getirilir. Yerel HTML nedeniyle etiketi, HTML5 akışı kodda gelir ve HLS ve DASH üzerinden akışı kolaylaştırır. DASH ve HLS, bir video akışını HTML5 video oynatıcı için kullanılabilecek küçük bölümlere ayırır. Bir videoyu oynatmaya başlamadan önce arabelleğe almanız gereken süreyi ve bir akışı izlerken karşılaşabileceğiniz kekemelik sorunlarını azaltırlar. Avantajlar yalnızca izleyiciyle sınırlı değildir, aynı zamanda içerik sağlayıcıya da uzanır.
JWPlayer Kullanarak Web Sitenize bir HTML5 Video Oynatıcı yerleştirin
Başlamadan önce, JWPlayer'ı buraya . HLS ve DASH'ın uyarlanabilir akış amaçları için kullanılmasıyla birlikte, kullanıcılara kesinlikle avantajlardan adil paylarını sağlayan birçok video oynatıcı ortaya çıktı. Zaman zaman zorluklara göğüs geren ve ESPN ve Sony Pictures gibi kişiler tarafından kullanılan böyle bir oyuncu JWPlayer'dır. İçerik yüklemek, video oynatıcıyı HTML5, iOS, Android ve Fire OS üzerine gömmek, daha iyi bir kullanıcı deneyimi için sizin tarafınızdan özelleştirilebilen JWPlayer'ın yerel koduyla kolaylaştırılmıştır. Ancak bugün odak noktamız HTML5 video oynatıcılar ve daha iyi uyarlanabilir akış için HLS ve DASH'ı nasıl kullanabileceğinizdir.
JW Player ne sunuyor?
JWPlayer, videolarınızı yüklemeniz ve bir oynatma listesi haline getirmeniz için bir platform sağlamanın yanı sıra, reklam planlarınız ve özelleştirilmiş raporlarınız hakkında size raporlar vererek yüklediğiniz videoların gerçek zamanlı istatistiklerini görüntülemenize de olanak tanır.
Özelleştirilmiş raporlar
JWPlayer, altyazıları, küçük resimleri, meta verileri vb. Kolayca yönetmenize izin vererek CMS destekli web siteniz için içerik yönetimini kolaylaştırır. Bu nedenle, JWPlayer'ın kullanımı ve faydaları HTML5 videolarınızı gömmek için yalnızca bir video oynatıcı olmanın ötesine geçer.
JWPlayer'da video yükleme
Video yükleyin
JWPlayer'ı HTML5 web sitenize yerleştirmeye başlamadan önce, önce ilgili videoları JWPlayer platformuna yüklemeniz önemlidir. Neyse ki, yapmanız gereken tek şey yüklemek istediğiniz dosyayı seçmek olduğu için bu çok karmaşık bir görev değil.
Video yüklendikten sonra, söz konusu videonun meta veri bölümünü düzenlemeye başlayabilir, analizleri görüntüleyebilir ve trafiği vb. İzleyebilir veya HLS için kaynaklar alıp varlıklar sekmesinden kapalı altyazılar yükleyebilirsiniz.
HLS ve DASH video oynatıcıyı özelleştirme
Bir video oynatıcıyı yerleştirmeden önce sitenize bir oynatıcı kitaplığı eklemelisiniz. Bu başarıya ulaşmanın üç yolu vardır. Kendi kendine barındırılan, bulutta barındırılan ve API çağrılarıyla bulutta barındırılan. API çağrıları ile bulut barındırma ile bulut barındırma arasındaki fark, basitçe API çağrılarına dayanır. Video oynatıcılarının uygulamasını API çağrıları aracılığıyla yönetmek isteyen geliştiricilerin bunu kullanmaları önerilir. Kendi kendine barındıranlar için, oynatıcının sürümü tamamen sizin tarafınızdan kontrol edilir. Oynatıcı lisansının otomatik olarak döndürülmediğini ve kendi kendine barındırma kullanılırken manuel olarak yapılması gerektiğini unutmamak önemlidir.
Bulutta barındırılan oynatıcıyı özelleştirme
Burada görebileceğiniz gibi, bulutta barındırılan oynatıcı, beğeninize göre özelleştirilebilir ve cilalanabilir. Örneğin, oynatıcı duyarlı bir boyuta veya sabit bir boyuta sahip olabilir. Oynatma bir döngü olarak ayarlanabilir, başlangıçta sessize alınabilir vb. Ayrıca, oynatıcının varsayılan rengini, videoların önerilerini ve çok daha fazlasını da değiştirebilirsiniz.
Tüm bunları tamamladıktan sonra, Bulutta Barındırılan Oynatıcı Kitaplığı kodunu web sayfanızın JWPlayer'ın web sitenize yüklenmesine izin vermek için etiketini kullanın.
Video oynatıcıyı yerleştirme
Varsayılan olarak JWPlayer, HTML5 medya motorlarını otomatik olarak tercih eder, böylece birincil tercih belirleme konusunda endişelenmenize gerek kalmaz. Bununla birlikte, bazı durumlarda bunu değiştirmenizi isteyebilir. Bu olduğunda, oynatıcıyı özelleştirebilir ve istediğiniz şekilde kurmasını sağlayabilirsiniz.
Bulutta barındırılan oynatıcı kitaplığını web sayfanızın etiketine yükledikten sonra, sonraki adım gömülü kodu yüklemektir. İlk önce bir etiketinde JWPlayer'ın görünmesi gereken yer. Ara kurmak() oynatma listesi özelliği ile hedeflenen konumdaki oynatıcıyı çağırmak için .
Aşağıda bir örnek örneği verilmiştir kurmak() JWPlayer geliştiricileri tarafından sağlanan kod:
jwplayer ('myElement'). setup ({'playlist': 'https://example.com/myVideo.mp4
