Chrome 94'teki yenilikler

Pete LePage

Şunları bilmeniz gerekir:

  • <canvas> öğeleri için varsayılan renk alanı spesifikasyonda artık resmi olarak SRGB olarak tanımlanmaktadır ve bunu Display P3 olarak değiştirebilirsiniz.
  • WebCodecs, akış oyunları, video düzenleyiciler vb. için önemli olan, yerleşik ses ve video codec'lerine erişmenin yeni, düşük düzey bir yoludur.
  • WebGPU, kaynak denemesini başlatır.
  • PWA Zirvesi 6-7 Ekim'de gerçekleşecek.
  • Daha fazlası da var.

Ben Pete LePage. Evde çalışıyor ve çekim yapıyorum. Şimdi Chrome 94'teki geliştiricilere yönelik yenilikleri görelim.

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

Rengin ekranda nasıl oluşturulduğu bazı kullanıcılar için kritik öneme sahiptir. Fotoğrafçılar, çizerler ve daha pek çok kişi için ekrandaki renklerin basılanla eşleşmesi gerekir. Chrome 94'ten itibaren sRGB kullanılarak <canvas> öğeleri tamamen renklerle yönetilmektedir. Daha önce sRGB kuraldı, ancak spesifikasyonda açık bir şekilde tanımlanmamıştı.

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

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

WebCodecs

Bir sayfaya video yerleştirmek gayet kolaydır. Ancak biraz daha karmaşık bir işlem yapmanız ve video akışı bileşenleriyle etkileşime geçmeniz gerekiyorsa bu işlem zordur ve genellikle 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 donanım hızlandırmadan yararlanamaz. Web Codecs API'si tarayıcıda halihazırda bulunan medya bileşenlerinin ve codec'lerin kullanılmasını mümkün kılar.

Kişisel olarak bir videoyu web için kodlamak veya bir GIF'i video dosyasına dönüştürürken doğru komut satırı anahtarlarını hatırlamakta her zaman zorlanıyorum. WebCodecs aracılığıyla sunulan API'leri kullanarak, dosya okuyan ve web için gereken doğru dosyaları dışa aktaran bir web uygulamasını hızlıca oluşturabildim.

Canvas veya ImageBitmap&#39;ten ağa veya depolama alanına giden yol
Canvas veya ImageBitmap noktasından ağa veya depolama alanına giden yol

Video düzenleyiciler, video konferans, akış uygulamaları gibi medya içeriğinin işlenme şekli üzerinde tam kontrol gerektiren web uygulamaları. Medya denetimlerinde yerleşik olarak bulunan tarayıcılara erişim çok büyüktür.

Yararlı her şeyi otuz saniyede göstermek zordur. Bu nedenle, çok sayıda kod ve birkaç etkileyici demo içeren ayrıntılı bir inceleme için web.dev'de WebCodecs ile video işleme bölümüne bakın!

WebGPU

WebGPU, özellikle Direct3D 12, Metal ve Vulkan olmak üzere modern grafik özelliklerini ortaya koyan yeni bir API'dir. WebGL gibi düşünebilirsiniz, ancak GPU'nun daha gelişmiş özelliklerine erişim sağlar ve aynı zamanda GPU üzerinde genel hesaplamalar yapmak için destek sağlar.

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 bir kaynak denemesi başlatılmaktadır ve hem Safari hem de Firefox şu anda uygulamaları üzerinde çalışmaktadır.

WebGPU'nun bilgi işlem gölgelendirici özelliği kullanılarak simüle edilen dalgalı deniz konulu Babylon.js demosu.

François'nin web.dev sayfasında WebGPU ile modern GPU özelliklerine erişme başlıklı harika bir makalesi var ve bu makalede CPU'da çalışan matris çarpanının performansı GPU ile karşılaştırılıyor. İşte bir ipucu. GPU kazanır.

PWA Zirvesi

PWA Zirvesi 6-7 Ekim'de gerçekleşecek. Bu, herkesin Progresif Web Uygulamaları ile başarıya ulaşmasına yardımcı olmaya odaklanan ücretsiz ve çevrimiçi bir konferanstır. PWA Zirvesi, PWA teknolojilerinin geliştirilmesinde yer alan çeşitli şirketlerin (Google, Intel, Microsoft ve Samsung) çalışanlarının ortak çalışmasıdır.

Çok sayıda harika konuşma ve içerik sizi bekliyor. PWASummit.org adresinden daha fazla bilgi edinebilir ve kaydolabilirsiniz. Sizi orada görmek dileğiyle!

Diğer ölçütler

Elbette dahası var.

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

Kaydırma çubukları göründüğünde başka bir düzenlemeyle uğraştıysanız scrollbar-gutter özelliği sizi mutlu eder. Kaydırma çubuğu oluklarının varlığı üzerinde kontrol sahibi olmanızı sağlayarak içerik genişledikçe düzen değişikliklerini önlemenize olanak tanır.

Üçüncü taraf bağlamında WebSQL kullanımı kullanımdan kaldırıldı. Chrome 97'de ise bu özelliğin kaldırılması beklenmektedir. Web SQL Veritabanı standardı Kasım 2010'da kullanımdan kaldırılmıştır. Firefox'ta hiç uygulanmadı ve 2019'da Safari'de kullanımdan kaldırıldı. Kullanım düzeyi yeterince düşük olduğunda uygulamanız kullanımdan kaldırılır ve Chrome'dan kaldırılır. Hâlâ WebSQL kullanıyorsanız taşıma işleminizi planlamaya başlamanın tam zamanı.

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

Daha fazla bilgi

Burada, öne çıkan özelliklerin yalnızca bir kısmı ele alınıyor. Chrome 94'teki ek değişiklikler için aşağıdaki bağlantıları kontrol edin.

Abone ol

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

Ben Pete LePage. Chrome 95 yayınlanır yayınlanmaz, size Chrome'daki yenilikleri anlatmak için burada olacağım!