Chrome 104 Beta Comes With Trial of Split Element Transitions and Video Region Capture • DEVCLASS


The Chromium team delivered the beta of Chrome 104, with new features including a trial of shared element transitions, bringing easier and more advanced transition animations to the web platform, and the first implementation of Video Region Capture, to stream a cropped region as video, plus two other new original tries.

Origin Trials are opt-in preview features.

The primary use case for Region Capture is for video conferencing applications where developers only need to stream only part of a browser tab to other participants. Region Capture allows developers to define a container-based cropTarget – which currently must be a div or iFrame – and use it to crop a video track from that tab.

The first new Origin try is Shared Element Transitions, a useful CSS and JavaScript feature for single-page and multi-page applications. A split element transition can be an animation between two web pages, or when an element turns into a full page, or between different UI elements, or for an element when entering or exiting the page. ‘screen.

“Most platforms provide easy-to-use primitives that allow developers to create seamless transitions,” explains the explainer. “Shared Element Transitions gives developers the same capability on the web.”

Simple transitions can be specified declaratively in CSS, while more complex transitions will require JavaScript and rely on the existing Web Animations API.

The next step is the newsgroup CSS property. This is described here and allowed developers to make keyboard navigation more intuitive, without using JavaScript tricks such as setting tabindex to -1 (not focusable via keyboard). The engine behind this comes from Microsoft, to support custom components in its Fluent UI design system, which is why the original testing for this is in Edge rather than Chrome.

A demo for developers of the new user opt-out for storing credit card details in the Secure Payment Confirmation API

Third, a user declines credit card storage when using the Secure Payment Confirmation API. Developers enable this by passing showOptOut to a PaymentRequest constructor. Why was this not part of the specifications from the start? “Traditionally, access to the opt-out experience is directly integrated into the relying party’s website. However, in the case of SPC, the relying party may not be part of the web content flow, as authentication may be initiated from a third-party website (e.g., merchant site),” the report explains. on feature status.

Chrome 104 stable release is scheduled for August 2n/a 2022.


About Author

Comments are closed.