Chrome 94'teki yenilikler

Pete LePage

Şunları bilmeniz gerekir:

  • <canvas> öğeleri için varsayılan renk alanı artık spesifikasyonda SRGB olarak resmi olarak tanımlanmıştır ve bunu Display P3 olarak değiştirebilirsiniz.
  • WebCodecs, yerleşik ses ve video codec'lerine erişmenin yeni ve düşük düzeyli bir yoludur. Oyun aktarımı, video düzenleyiciler ve benzeri uygulamalar için önemlidir.
  • WebGPU kaynak denemesi başlar.
  • 6-7 Ekim'de PWA Zirvesi düzenlenecek.
  • Daha pek çok yenilik var.

Ben Pete LePage. Evden çalışıyorum ve çekim yapıyorum. Chrome 94'te geliştiriciler için neler yeni olduğuna göz atalım.

canvas öğeleri için varsayılan renk alanı

Renklerin ekranda nasıl oluşturulduğu bazı kullanıcılar için kritiktir. Fotoğrafçılar, baskılı resim illüstratörleri ve diğer birçok kullanıcı için ekrandaki renklerin basılan renkle eşleşmesi gerekir. Chrome 94'ten itibaren sRGB kullanılarak <canvas> öğeleri tamamen renk yönetilir. Daha önce sRGB, sözleşmede yer alıyordu ancak spesifikasyonda açıkça tanımlanmamıştı.

opts = {colorSpace:'display-p3'};
const ctx = canvas.getContext('2d', opts);

Daha da önemlisi, artık P3 renk alanı da dahil olmak üzere bir <canvas> oluşturma bağlamı 2D nesnesi veya ImageData nesnesi oluştururken kullanılacak renk alanını belirtebilirsiniz.

WebCodecs

Videoları sayfaya yerleştirmek yeterince kolaydır. Ancak biraz daha karmaşık bir şey yapmanız ve video akışının bileşenleriyle etkileşim kurmanız gerekiyorsa bu süreç zordur ve kendi codec'lerinizi göndermek için Web Assembly'yi kullanmanızı gerektirir.

Ancak kendi codec'inizi göndermek, tarayıcının zaten sahip olduğu kodu yazmak anlamına gelir ve bu kod donanım hızlandırmasından yararlanamaz. Web Codecs API, tarayıcıda zaten bulunan medya bileşenlerini ve codec'leri kullanmayı mümkün kılar.

Ben şahsen, bir videoyu web için kodlamak veya GIF'i video dosyasına dönüştürmek için doğru komut satırı anahtarlarını hatırlamakta her zaman zorlandım. WebCodecs'in sunduğu API'leri kullanarak hızlı bir şekilde dosya okuyan ve web için gereken doğru dosyaları dışa aktaran bir web uygulaması oluşturabildim.

Bir kanvastan veya ImageBitmap&#39;ten ağa ya da depolamaya giden yol
Canvas veya ImageBitmap'den ağa ya da depolama alanına giden yol

Medya içeriğinin işlenme şekli üzerinde tam kontrol gerektiren web uygulamaları (ör. video düzenleyiciler, video konferans, yayın uygulamaları vb.). Yerleşik medya kontrollerine erişim çok büyük.

Otuz saniye içinde faydalı bir şey göstermek zordur. Bu nedenle, çok sayıda kod ve birkaç harika demo içeren ayrıntılı bir inceleme için web.dev'deki WebCodecs ile video işleme başlıklı makaleyi inceleyin.

WebGPU

WebGPU, özellikle Direct3D 12, Metal ve Vulkan olmak üzere modern grafik özelliklerini gösteren yeni bir API'dir. WebGL gibi düşünebilirsiniz. Ancak GPU'nun daha gelişmiş özelliklerine erişim sağlamasının yanı sıra GPU'da genel hesaplamalar yapma desteği de sunar.

OS API&#39;leri ile Direct3D 12, Metal ve Vulkan arasındaki WebGPU bağlantısını gösteren mimari şeması.
WebGPU mimari şeması

Chrome 94'te kaynak denemesi başlatılıyor. Safari ve Firefox da şu anda kendi uygulamalarını üzerinde çalışıyor.

WebGPU'nun hesaplama gölgelendirici özelliği kullanılarak simüle edilen dalgalı bir denizin Babylon.js demosu.

François, web.dev'de ayrıntıları içeren WebGPU ile modern GPU özelliklerine erişme başlıklı harika bir makale yayınladı. Makalede, CPU'da ve GPU'da çalışan matris çarpımının performansı karşılaştırılıyor. Size bir ipucu vereyim. GPU kazanır.

PWA Summit

6-7 Ekim'de PWA Zirvesi düzenlenecek. Bu, herkesin Progresif Web Uygulamaları ile başarılı olmasına yardımcı olmaya odaklanan ücretsiz bir online konferanstır. PWA Summit, PWA teknolojilerinin oluşturulmasında yer alan Google, Intel, Microsoft ve Samsung gibi birkaç farklı şirketten gelen kişilerin ortak çalışmasıdır.

Çok sayıda harika konuşma ve içerik var. Daha fazla bilgi edinmek ve kaydolmak için PWASummit.org adresini ziyaret edebilirsiniz. Sizi aramızda görmek dileğiyle.

Diğer özellikler

Tabii ki çok daha fazlası var.

Öncelikli scheduler.postTask() yöntemi, görevleri planlamanıza, önceliklerini dinamik olarak değiştirmenize veya hepsini birlikte iptal etmenize olanak tanır.

Kaydırma çubukları göründüğünde yeniden düzenleme yapmak zorunda kaldıysanız scrollbar-gutter özelliği sizi mutlu eder. Kaydırma çubuğu oluklarının varlığı üzerinde kontrol sağlayarak içerik genişledikçe düzen değişikliklerini önlemenizi sağlar.

Üçüncü taraf bağlamlarında WebSQL'in desteği sonlandırıldı ve Chrome 97'de kaldırılması bekleniyor. Web SQL veritabanı standardı Kasım 2010'da kullanımdan kaldırıldı. Bu özellik Firefox'ta hiçbir zaman uygulanmadı ve 2019'da Safari'de desteği sonlandırıldı. Kullanım oranı yeterince düşük olduğunda desteği sonlandırılacak ve Chrome'dan kaldırılacak. Hâlâ WebSQL kullanıyorsanız bu sürümden geçişinizi planlamaya başlamak için iyi bir zaman.

Sanal klavye API'si, sanal dokunmatik klavyenin nasıl ve ne zaman gösterileceği konusunda daha fazla kontrol sahibi olmanızı sağlar. Bu sayede, kaydırma davranışını veya klavye göründüğünde ya da kaybolduğunda düzende yapılan değişiklikleri açıkça kontrol edebilirsiniz.

Daha fazla bilgi

Bunlar, öne çıkan özelliklerden yalnızca bazılarıdır. Chrome 94'teki diğer değişiklikler için aşağıdaki bağlantılara göz atın.

Abone ol

Gelişmelerden haberdar olmak için Chrome Developers YouTube kanalına abone olun. Yeni bir video yayınladığımızda e-posta bildirimi alırsınız.

Adım Pete LePage. Chrome 95 yayınlanır yayınlanmaz Chrome'daki yenilikleri size buradan bildireceğim.