March 11th, 2021
Unless otherwise noted, changes described below apply to the newest Chrome beta channel release for Android, Chrome OS, Linux, macOS, and Windows. Learn more about the features listed here through the provided links or from the list on ChromeStatus.com. Chrome 90 is beta as of March 11, 2021.
An AV1 encoder is shipping in Chrome desktop that is specifically optimized for video conferencing with WebRTC integration. The benefits of AV1 include:
- Better compression efficiency than other types of video encoding, reducing bandwidth consumption and improve visual quality
- Enabling video for users on very low bandwidth networks (offering video at 30kbps and lower)
- Significant screen sharing efficiency improvements over VP9 and other codecs.
This is an important addition to WebRTC especially since it recently became an official W3C and IETF standard.
This version of Chrome introduces the origin trials described below. Origin trials allow you to try new features and give feedback on usability, practicality, and effectiveness to the web standards community. To register for any of the original trials currently supported in Chrome, including the ones described below, visit the Chrome Origin Trials dashboard. To learn more about origin trials in Chrome, visit the Origin Trials Guide for Web Developers. Microsoft Edge runs its own origin trials separate from Chrome. To learn more, see the Microsoft Edge Origin Trials Developer Console.
New Origin Trials
The mediaDevices.getCurrentBrowsingContextMedia() method allows capturing a MediaStream with the current tab’s video (and potentially audio), similar to getDisplayMedia(). Unlike getDisplayMedia(), calling this new method presents the user with a simple accept/reject dialog box. If the user accepts, the current tab is captured. In all other ways, getCurrentBrowsingContextMedia() is identical to getDisplayMedia(). This origin trial is expected to run through Chrome 92.
MediaStreamTrack Insertable Streams (a.k.a. Breakout Box)
An API for manipulating raw media carried by MediaStreamTracks such as the output of a camera, microphone, screen capture, or the decoder part of a codec and the input to the decoder part of a codec. It uses WebCodecs interfaces to represent raw media frames and exposes them using streams, similar to the way the WebRTC Insertable Streams API exposes encoded data from RTCPeerConnections. This is intended to support use cases such as:
- Funny Hats: Refers to manipulation of media either before encoding and after decoding to provide effects such as background removal, funny hats, voice effects.
- Machine Learning: Refers to applications such as real-time object identification/annotation.
This origin trial is expected to run through Chrome 92.
WebAssembly Exception Handling
WebAssembly now provides exception handling support. Exception handling allows code to break control flow when an exception is thrown. The exception can be any that is known by the WebAssembly module, or it may be an unknown exception that was thrown by a called imported function. This origin trial is expected to run through Chrome 94.
Completed Origin Trials
The following features, previously in a Chrome origin trial, are now enabled by default.
WebXR AR Lighting Estimation
Lighting estimation allows sites to query for estimates of the environmental lighting conditions within WebXR sessions. This exposes both spherical harmonics representing the ambient lighting, as well as a cube map texture representing “reflections”. Adding Lighting Estimation can make your models feel more natural and like they “fit” better with the user’s environment.
Other Features in this Release
aspect-ratio property allows for automatically computing the other dimension if only one of width or height is specified on any element. This property was originally launched as non-interpolable (meaning that it would snap to the target value) when animated. This feature provides smooth interpolation from one aspect ratio to another.
Custom State Pseudo Classes
Custom elements now expose their states via the state CSS pseudo-class. Built-in elements have states that can change over time depending on user interaction and other factors, which are exposed to web authors through pseudo-classes. For example, some form controls have the “invalid” state, which is exposed through the
:invalid pseudo-class. Since custom elements also have
states it makes sense to expose their states in a manner similar to built-in elements.
Implement ‘auto’ value for appearance and -webkit-appearance
The default values of CSS property
-webkit-appearance for the following form controls are changed to
- Android only:
<input type=time>, and
Note that the default rendering of these controls is not changed.
overflow: clip Property
clip value for
overflow results in a box’s content being clipped to the box’s overflow clip edge. In addition, no scrolling interface is provided, and the content cannot be scrolled by the user or programmatically. Additionally the box is not considered a scroll container, and does not start a new formatting context. As a result, this value has better performance than
overflow-clip-margin property enables specifying how far outside the bounds an element is allowed to paint before being clipped. It also allows the developer to expand the clipping border. This is particularly useful for cases where there is ink overflow that should be visible.
Permissions-Policy HTTP header replaces the existing
Feature-Policy header for controlling delegation of permissions and powerful features. The header allows sites to more tightly restrict which origins can be granted access to features.
The Feature Policy API, introduced in Chrome 74, was recently renamed to “Permissions Policy”, and the HTTP header has been renamed along with it. At the same time, the community has settled on a new syntax, based on structured field values for HTTP.
Protect application/x-protobuffer via Cross-Origin-Read-Blocking
application/x-protobuffer from speculative execution attacks by adding it to the list of never sniffed MIME types used by
application/x-protobuf is already protected as a never sniffed mime type.
application/x-protobuffer is another commonly used MIME type that is defined as an
"ALT_CONTENT_TYPE" by the protobuf library.
Seeking Past the End of a File in the File System Access API
When data is passed to
FileSystemWritableFileStream.write() that would extend past the end of the file, the file is now extended by writing
NUL). This enables creating sparse files and greatly simplifies saving content to a file when the data to be written is received out of order.
Without this functionality, applications that receive file contents out of order (for example, BitTorrent downloads) would have to manually resize the file either ahead of time or when needed during writing.
Range is the only constructible range type available to web authors. However,
Range objects are “live” and maintaining them can be expensive. For every tree change, all affected
Range objects need to be updated. The new
StaticRange objects are not live and represent a lightweight range type that is not subject to the same maintenance cost as
StaticRange constructible allows web authors to use them for ranges that do not need to be updated on every DOM tree change.
Support Specifying Width and Height on <source> Elements for <picture>
<source> element now supports
height properties when used inside a
<picture> element. This allows Chrome to compute an aspect ratio for
<picture> elements. This matches similar behavior for
WebAudio: OscillatorOptions.periodicWave is Not Nullable
It is no longer possible to set periodicWave to null when creating a new
OscillatorNode object. This value is set on the options object passed to the
OscillatorNode() constructor. The WebAudio spec doesn’t allow setting this value to null. Chrome now matches both the spec and Firefox.
Relative Indexing Method for Array, String, and TypedArrays
Array, String, and TypedArray now support the
at() method, which supports relative indexing with negative numbers. For example, the code below returns the last item in the given array.
let arr = [1,2,3,4]; arr.at(-1);
Deprecations, and Removals
Remove Content Security Policy Directive ‘plugin-types’
The ‘plugin-types’ directive allows developers to restrict which types of plugin can be loaded via
<object> html elements. This allowed developers to block Flash in their pages. Since Flash support has been discontinued, there is no longer any need for this policy directive.
Remove WebRTC RTP Data Channels
Chrome has removed support for the non-standard RTP data channels in WebRTC. Users should use the standard SCTP-based data channels instead.
Return Empty for navigator.plugins and navigator.mimeTypes
Chrome now returns empty for
navigator.mimeTypes. With the removal of Flash, there is no longer the need to return anything for these properties.