Video için sessiz otomatik oynatma, Android için Chrome tarafından sürüm 53'ten itibaren desteklenmektedir. Hem autoplay hem de muted ayarlanmışsa, video öğesi görüntülemeye geldiğinde otomatik olarak oynatma işlemi başlar ve sesi kapatılmış videoların oynatılması play() ile pratik olarak başlatılabilir. Daha önce, sesin kapalı durumundan bağımsız olarak mobil cihazlarda oynatmanın kullanıcı hareketiyle başlatılması gerekiyordu.
<video autoplay muted>
<source src="video.webm" type="video/webm" />
<source src="video.mp4" type="video/mp4" />
</video>
Bu örneği ziyaret ederek bunun nasıl çalıştığını görebilirsiniz. muted videosu Chrome 53 veya sonraki sürümlerde otomatik olarak oynatılmaya başlar.
Ayrıca, sessiz oynatma artık play() yöntemi kullanılarak başlatılabilir. Daha önce play(), oynatma yalnızca düğme tıklaması gibi bir kullanıcı hareketinden geldiğinde başlatıyordu. Aşağıdaki iki demoyu Android'de karşılaştırın. Bunları Chrome 53'te, ardından daha eski bir sürümde deneyin:
Mümkün olduğunda autoplay özelliğini ve yalnızca gerektiğinde play() yöntemini kullanmanızı öneririz.
click gibi bir kullanıcı hareketine yanıt olarak videonun sesini programatik olarak açılabilir, ancak kullanıcı hareketi olmadan programatik olarak videonun sesini açmayı denerseniz oynatma duraklatılır.
muted autoplay değişikliği, play() protokolünün DOM'da oluşturulmamış bir video öğesiyle birlikte kullanılmasını da mümkün kılar. Örneğin, WebGL oynatmayı yürütmek için.
play() yöntemi aynı zamanda sessiz programatik oynatmanın etkin olup olmadığını kontrol etmek için kullanılabilecek bir söz döndürür. Bunun bir örneğini simpl.info/video/scripted adresinde bulabilirsiniz.
Bu değişiklik neden yapıldı?
Otomatik oynatma özelliği, kullanımı engelleyen ve çok fazla veri içerebileceğinden ve birçok kullanıcı bundan hoşlanmadığından Android'de Chrome'un önceki sürümlerinde devre dışı bırakılmıştı.
Otomatik oynatmanın devre dışı bırakılması, geliştiricileri animasyonlu GIF'lerin yanı sıra <canvas> ve <img> saldırıları gibi alternatiflere yönlendirme gibi istenmeyen bir etki yarattı. Bu teknikler güç tüketimi, performans, bant genişliği gereksinimleri, veri maliyeti ve bellek kullanımı açısından optimize edilmiş bir videodan çok daha kötüdür. Video, animasyonlu GIF'lerden daha yüksek kalite sağlayabilir ve çok daha iyi sıkıştırma sağlar. Örneğin, ortalama 10 kez, en fazla 100 kez de sıkıştırılır. JavaScript'te video kod çözme işlemi mümkündür, ancak bu işlem pil gücünü çok fazla tüketir.
İlki video, ikincisi animasyonlu GIF olmak üzere aşağıdakileri karşılaştırın:
Oldukça benzer görünse de videonun boyutu 200 KB'tan küçük ve animasyonlu GIF 900 KB'tan büyük.
Chrome ve diğer tarayıcı satıcıları, kullanıcı bant genişliği konusunda son derece dikkatlidir. Birçok bağlamda, birçok kullanıcı için yüksek veri maliyeti, zayıf bağlantıya kıyasla genellikle daha büyük bir erişim engeli teşkil eder. Geçici çözümlerin yaygınlığı göz önünde bulundurulduğunda, sessiz otomatik oynatma engellenebilecek bir şey değildir. Bu nedenle, iyi API'ler ve varsayılanlar sunmak platformun yapabileceği en iyi şeydir.
Web giderek artan bir medya merkezlidir. Tasarımcılar ve geliştiriciler video kullanmanın yeni ve öngörülemeyen yollarını bulmaya devam ediyor ve farklı platformlarda tutarlı bir davranış (örneğin, bir tasarım öğesi olarak arka plan videosu kullanırken) istiyorlar. Sessiz otomatik oynatma, hem mobil cihazlarda hem de masaüstünde bu gibi işlevleri mümkün kılar.
Daha ayrıntılı noktalar
- Erişilebilirlik açısından bakıldığında otomatik oynatma özellikle sorunlu olabilir. Android'de Chrome 53 ve sonraki sürümlerde otomatik oynatma özelliğini tamamen devre dışı bırakmak için bir ayar bulunur: Medya ayarlarından Otomatik oynat'ı seçin.
- Bu değişiklik
audioöğesini etkilemiyor: Android'de Chrome'da otomatik oynatma özelliği hâlâ devre dışıdır. Bunun nedeni, sesi kapatılmış otomatik oynatmanın ses içerikleri için pek mantıklı olmamasıdır. - Veri Tasarrufu modu etkinse otomatik oynatma olmaz. Veri Tasarrufu modu etkinleştirilirse Medya ayarlarından otomatik oynatma devre dışı bırakılır.
- Sessiz otomatik oynatma, görünür dokümanlardaki (iframe) veya diğer görünür tüm video öğeleri için çalışır.
- Yeni davranıştan yararlanmak için hem
mutedhem deautoplayeklemeniz gerektiğini unutmayın: simpl.info/video ile simpl.info/video/muted arasındaki farkları karşılaştırın.
Destek
- Sessiz otomatik oynatma, iOS 10 ve sonraki sürümlerde Safari tarafından desteklenir.
- Sessiz olmasına bakılmaksızın otomatik oynatma, Android'de Firefox ve UC Tarayıcısı tarafından zaten desteklenmektedir. Bu ayarlar herhangi bir otomatik oynatmayı engellemez.