İçindekiler
Web üzerinde çalışırken, her kullanıcının sayfamızda tatmin edici bir deneyim yaşamasını sağlamalıyız, çoğu zaman bu, sayfamızın başarısız olmaması için ek veya daha az verimli kod yapmak zorunda kalmamız anlamına gelir.Yeni standart ile HTML ses ve video gibi yeni multimedya öğelerine sahibiz, her ikisi de ortak bir kökene sahip olduğundan, biçimlerini değerlendirebilir ve bu şekilde tarayıcının belirtilen dosyaları oynatıp oynatamayacağını bilebiliriz.
CanPlayType yöntemi
yöntem canPlayType Tarayıcının belirttiğimiz multimedya dosyasını oynatıp oynatamayacağını bilmemizi veya bir fikrimiz olmasını sağlar.
Bu yöntemi kullanarak 3 tür yanıt alabiliriz:
- “” boş bu bize dosyayı belirtilen biçimde oynatamayacağınızı söyler.
- belki bu cevap bize formatın oynanabilir olabileceğini söylüyor.
- muhtemelen Bu yanıtla tarayıcı, içeriği belirtilen biçimde yeniden üretebilme olasılığının yüksek olduğunu söyler.
Örnek Video görüntülenemiyor
Mülk | Değer |
---|
Burada sadece yaptığımız şey gerçekleştirmek iki dizi, ilkinde farklı uzantılara sahip dosyaların isimlerini yerleştiriyoruz, ikincisine sahip olduğumuz formatları yerleştiriyoruz, onunla bir kez format dizisinden geçiyoruz ve ardından method ile değerlendiriyoruz. canPlaytype ihtiyacımız olan cevabı almak için.
Şimdiye kadar her şey yolunda gidiyor, değerlendirmeyi yaptıktan sonra cevabı kimin verdiğini soruyoruz. muhtemelen ve üreme için yerleştireceğimiz şey budur.
Bunun tarayıcıda nasıl göründüğüne bakalım:
Bu özel örnekte kullandığımız Firefox, bu durumda tarayıcının yeniden üretebileceği biçim şudur: webm ve etkin bir şekilde ilgili elemanda gösterilendir.
Gördüğümüz gibi, bu yöntem birkaç seçenek oluşturmamıza izin veriyor ve algoritmamızı doğru bir şekilde geliştirirsek, avantajlarından yararlanmamızı sağlayacak çok sağlam bir işlevsellik gerçekleştirebiliriz. HTML5 kullanıcı deneyimi hakkında endişelenmenize gerek kalmadan multimedyayı birden çok tarayıcıda yönetmede.
Bununla öğreticimizi bitiriyoruz, şimdi farklı multimedya formatlarını nasıl değerlendireceğimizi ve tarayıcıların her birine nasıl davranabileceğini öğreniyoruz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.