Chromium Blog

Chrome 62 Beta: Network Quality Estimator API, OpenType variable fonts, and media capture from DOM elements

Wednesday, September 20, 2017

Unless otherwise noted, changes described below apply to the newest Chrome Beta channel release for Android, Chrome OS, Linux, Mac, and Windows.【2018两会·改革新征程】习总书记两会金句点亮新时代 The Network Infomation API has been available in previous versions of Chrome, but has only provided theoretical network speeds given the type of a user's connection. In this release, the API has been expanded to provide developers with network performance metrics as experienced by the client. Using the API, a developer can inspect the current expected round trip time and throughput and be notified of performance changes. To simplify application logic, the API also summarizes measured network performance as the cellular connection type (e.g. 2G) most similar to it, even if the actual connection is WiFi or Ethernet.
Using these network quality signals, developers can tailor content to network constraints. For example, on very slow connections, developers can serve a simplified version of the page to improve page load times. These signals will also soon be available as HTTP request headers and enabled via Client Hints. OpenType Variable Fonts OpenType Font Variations bring new typographic capabilities to the web. Previously, one font file contained just a single instance of a font family, including only one weight (Regular, Bold, Black…) or one stretch (Normal, Condensed, Expanded…).

Figure: Animated Amstelvar and Decovar variable font examples
With variable fonts, responsive design on the web now extends to typography. OpenType Variations provide a continuous spectrum of stylistic variations while saving space and bandwidth, since they all load from a single compact font file. Stretch, style, and weight can be adjusted using the respective updated CSS properties which now allow numeric values. Fine tuning of variation axis parameters, such as weight or width, is possible using the font-variation-settings CSS property. Media Capture from DOM Elements The W3C Media Capture from DOM Elements API now allows sites to live-capture content in the form of a MediaStream directly from HTMLMediaElements (i.e. <video> and <audio>). By invoking the captureStream() method on HTMLMediaElements, streamed content can be recorded and sent remotely using WebRTC, processed with WebAudio, or manipulated in various other ways.

Figure: A 3D rendering being live-captured and streamed to a peer connection using WebRTC. Other features in this release

The Payment Request API is now available on Chrome for iOS.

PaymentRequest now supports different prices and line items per payment method with PaymentDetailsModifier.data.

DOM interfaces are now supported for the <data> and <time> HTML elements to give developers a native, machine-readable way to store client-side content.

The CSS color parser now supports 8- and 4-digit hex colors of the format #RRGGBBAA and #RGBA.

Lookbehind assertions are now available in addition to lookaheads, so developers can use regular expressions to ensure that a pattern is or isn’t preceded by another, e.g. matching a dollar amount without capturing the dollar sign.

A new WebVR Origin Trial is now available, enabling developers to experiment with building rich Virtual Reality experiences on the web.

Following previous announcements, the “Not secure” warning will now be displayed when users enter data on an HTTP page, and on all HTTP pages visited in Incognito mode.

The `tabindex` attribute now enables the on-screen keyboard on Chrome for Android to more easily navigate between the next and previous fields within a form, thanks to a contribution from Samsung.

Developers can now use the s flag to enable dotAll mode in ECMAScript regular expressions, making “.” match any character, including line terminators.

Uploading images on Chrome for Android has an improved user experience and multi-select support that triggers on any site that invokes <input type="file"> with an accept attribute specifying that only images are accepted.

Apps using the MediaSource API can now more effectively customize their HTMLMediaElement.seekable range logic using the new Media Source Extensions APIs, setLiveSeekableRange and clearLiveSeekableRange.

The new visibility:collapse CSS declaration now hides table rows while preserving their contribution to column widths, rather than treating it like visibility:hidden, which merely skips painting the rows.

Media Source Extensions (MSE) now support FLAC, a lossless audio coding format, in ISO-BMFF.

Protected media can now be played offline through EME on Chrome for Android.

Chrome for Android now supports Widevine L1, allowing sites to play encrypted media in a secure way.

Loosened restrictions on escape sequences in template literals unlock new use cases for template tags, such as LaTeX processing.

In Android O, sites with notification permissions now appear as a Notification Channel in Android Settings under Chrome, affording users a simpler way to manage permissions.

Deprecations and interoperability improvements

Following an update to native button appearance on macOS, the appearance of <input> buttons and the <button> element have been similarly changed, affecting the default values for the background-color, border, border-radius, and padding CSS properties.

The ability to request permission to show notifications has been removed over HTTP connections and within cross-origin iframes, in line with our policy on restricting powerful features to only HTTPS.

To increase accuracy and ensure that users receive content in the language they expect, base language is now added immediately after language+region when generating accept-language headers from language settings.

To improve UX and browser consistency, transitional mouse events will now be dispatched, and hover states will now be updated more quickly after the intended layout has been modified.

OfflineAudioContext now accepts a dictionary argument, in addition to the existing constructor that takes three separate arguments.

In line with other browsers, the getStreamById method on RTCPeerConnection has now been removed.

SharedWorker.workerStart has been removed, following its deprecation and removal from other major browsers.

To better conform to spec, the default value of <ol>.start has been set to 1.

Posted by Ben Greenstein and Tarun Bansal, The Network’s Watch

Unified autoplay

Thursday, September 14, 2017

a lot of mediawill be allowedinterest in the mediaunify desktop and mobile web behavioroptionautoplay roadmapUpdate 2025-08-05: The autoplay policy is in effect for <video> and <audio> and prevents roughly half of unwanted media autoplays. Please see the Chrome blog post for more details.For the Web Audio API, the policy described in this post will go into effect in Chrome 70 (October, 2018). This will affect web games and some WebRTC applications, as well as any site using the Web Audio API. We recommend that developers update their code to correctly handle the autoplay policy.

什么鱼最迟钝	五月有什么节日	5.29是什么星座	a4腰什么意思	鼻子干痒是什么原因
饮鸩止渴是什么意思	猫便秘吃什么最快排便	熟络是什么意思	咽炎是什么原因引起的	最近我和你都有一样的心情什么歌
翠色什么流	葛优躺是什么意思	结婚8年是什么婚	喉咙沙哑吃什么药	海姆立克急救法是什么
小妮子是什么意思	不期而遇什么意思	总胆汁酸高说明什么	504是什么意思	打豆豆是什么意思

土笋冻是什么虫子hcv9jop0ns6r.cn	月经来了不能吃什么东西hcv7jop6ns9r.cn	9.3是什么日子hcv7jop5ns1r.cn	夏季有什么蔬菜0735v.com	消化腺包括什么hcv9jop4ns1r.cn
交际花是什么意思hcv8jop1ns3r.cn	慢性胃炎吃什么好hcv8jop0ns8r.cn	改编是什么意思hcv9jop3ns1r.cn	虎配什么生肖最好hcv9jop1ns1r.cn	宝宝打嗝是什么原因引起的wmyky.com
股骨头坏死什么症状hcv7jop4ns5r.cn	泥鳅喜欢吃什么hcv7jop9ns2r.cn	双肺纤维条索是什么意思hcv7jop9ns6r.cn	考上公务员意味着什么hcv8jop2ns7r.cn	嘴苦口臭是什么原因造成的hcv8jop7ns1r.cn
青蛙靠什么呼吸hcv8jop0ns5r.cn	嘴巴疱疹用什么药膏hcv7jop4ns8r.cn	妈妈咪呀是什么意思hcv7jop5ns5r.cn	2025年属什么hcv9jop5ns5r.cn	什么品牌的书包质量好hcv8jop8ns5r.cn

百度

Chromium Blog

Chrome 62 Beta: Network Quality Estimator API, OpenType variable fonts, and media capture from DOM elements

Unified autoplay

Labels

Archive

Feed