Bu sayfa, Cloud Translation API ile çevrilmiştir.

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.
Bunun gibi çok daha fazla özellik 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

Bir sayfaya video eklemek oldukça kolaydır. Ancak biraz daha karmaşık bir işlem yapmanız ve video akışının bileşenleriyle etkileşim kurmanız gerekiyorsa bu işlem zordur ve genellikle kendi codec'lerinizi göndermek için Web Assembly'i kullanmanız gerekir.

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 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 üzerinden kullanılabilen API'leri kullanarak, bir dosyayı okuyan ve web için gereken doğru dosyaları dışa aktaran bir web uygulaması hızlıca oluşturabildim.

Bir kanvastan veya ImageBitmap'ten ağa ya da depolamaya giden yol — `Canvas` veya `ImageBitmap`'den ağa ya da depolama alanına giden yol

Video düzenleyiciler, video konferans, yayın uygulamaları vb. gibi medya içeriğinin işlenme şekli üzerinde tam kontrol gerektiren web uygulamaları. Medya denetimlerine entegre tarayıcılara erişim çok büyük.

Otuz saniyede 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 sunan yeni bir API'dir. WebGL gibi düşünebilirsiniz ancak GPU'nun daha gelişmiş özelliklerine erişim sağlar ve GPU'da genel hesaplamalar gerçekleştirme desteği de sunar.

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

Elbette daha birçok özellik var.

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

Kaydırma çubukları göründüğünde yeniden düzen oluşturma sorunuyla karşılaştıysanız scrollbar-gutter mülkü sizi mutlu edecektir. Kaydırma çubuğu kenar boşluklarının varlığı üzerinde kontrol sağlar. Böylece, içerik genişledikçe sayfa düzeninde değişiklikler olmasını önleyebilirsiniz.

Üçü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 ise 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

Bu, önemli noktalardan yalnızca bazılarını kapsar. Chrome 94'teki diğer değişiklikler için aşağıdaki bağlantılara göz atın.

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.