All Updates tagged: news | Web

Present web pages to secondary attached displays

Chrome 66 allows web pages to use a secondary attached display through the Presentation API and to control its contents through the Presentation Receiver API.

Tags: news media presentation

An update on Better Ads

Yesterday, the Coalition for Better Ads announced the "Better Ads Experience Program." This Program provides guidelines for companies on how they can use the Better Ads Standards to help improve users' experience with ads on the web.

Tags: news

Audio/Video Updates in Chrome 63/64

Predictable media playback, HDR on Windows 10, offline playback with persistent licenses, and more are waiting for you in Chrome 64.

Tags: news chrome63 chrome64 media audio video origintrials

WebVR changes in Chrome 62

Learn about what is changing in the WebVR API

Tags: news webvr

Sensors For The Web!

Sensors are used in many native applications to enable advanced features. Wouldn't it be nice to bridge the gap between native and the web? You can do it with Generic Sensor API, which is enabled by default in Chrome 67 or later.

Tags: sensors chrome63 chrome67 news

Autoplay Policy Changes

Learn best practices for good user experiences with the new autoplay policies in Chrome, coming April 2018.

Tags: autoplay news media

Audio/Video Updates in Chrome 62

Offline playback with persistent licenses and Widevine L1 on Android, video track optimizations, automatic video fullscreen when device is rotated, customizable seekable range on live MS streams, FLAC in MP4 with MSE are here!

Tags: news chrome62 media

Picture In Picture (PiP)

Let's discuss a Web API that would allow websites to create a floating video window over the desktop

Tags: news media

Audio/Video Updates in Chrome 61

Background video track optimizations and automatic video fullscreen when device is rotated are here!

Tags: news chrome61 media

Audio/Video Updates in Chrome 58

Media controls customization, Autoplay for Progressive Web Apps added to the home screen, pause the autoplaying of muted video when invisible, and color-gamut media query are there!

Tags: news chrome58 media

Customize Media Notifications and Handle Playlists

Finally! We can customize web media notifications (title, artist, album name, artwork) and respond to media related events such as seeking or track changing with the new Media Session API.

Tags: news chrome57 media notifications play

Get Ready for the Chrome Dev Summit 2016

Chrome Dev Summit 2016 is coming Thursday, Nov 10th and 11th. This year's summit will focus on key themes that matter to you: Progressive, to build high quality web apps; Performance, to increase user engagement; and What's Next, a look at how the Chrome team is thinking about the future of the web. Learn how you can tune in and see what's going on!

Tags: chromedevsummit news video announcement

Access USB Devices on the Web

The WebUSB API makes USB safer and easier to use by bringing it to the Web.

Tags: news webusb iot arduino origintrials

Creating a Web-Enabled IoT Device with Intel Edison

Internet of Things is really on everyone's lips these days, but what if you could create an IoT device which you accessed from your web browser? In this article we look at how you can do exactly that using Physical Web, Web Bluetooth as well as Node.js, running on an Intel® Edison Arduino breakout board.

Tags: news iot webbluetooth physicalweb edison

Record Audio and Video with MediaRecorder

The MediaRecorder API enables you to record audio and video from a web app. It's available now in Firefox and in Chrome for Android and desktop.

Tags: audio codecs media news recording video webrtc chrome49

VP9 Is Now Available in WebRTC

From Chrome 48 on desktop and Android, VP9 will be an optional video codec for video calls using WebRTC.

Tags: audio codecs media news video vp9 webrtc

Google Cast for Chrome on Android

Chrome on Android now allows mobile sites to present to Google Cast devices using the Presentation API and the Cast Web SDK.

Tags: news audio video media secondscreen

Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling

Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().

Tags: news audio video media webrtc getusermedia

Manage the Triggering of Touch to Search

Understanding when and how Touch to Search is triggered

Tags: news touch search

Input Device Capabilities

A simpler method to rationalize your mouse and touch logic for when there is no PointerEvents

Tags: input news

Choose Cameras, Microphones and Speakers from Your Web App

The MediaDevices interface gives access to input and output devices available to the browser including cameras, microphones and speakers.

Tags: news audio video media webrtc getusermedia

The EME Logger Extension

EME Logger is a Chrome extension that logs Encrypted Media Extensions (EME) events and calls to the DevTools console.

Tags: news audio video media eme

Updates to the Service Worker Cache API

Chrome 46 brought new methods to caches, as does Chrome 47, and probably 48. It never stops.

Tags: news serviceworker cache

History API: Scroll Restoration

An update to the History API to prevent unsightly scroll jumping.

Tags: news history

Automating Resource Selection with Client Hints

Image optimization is hard and automation is the key to success.

Tags: news performance clienthints

Rolling out Public Key Pinning with HPKP Reporting

Chrome 46 ships with a feature called HPKP reporting, which can help you roll out a stricter form of SSL for your site.

Tags: news security hpkp

Tab Discarding in Chrome: A Memory-Saving Experiment

Reducing Chrome's memory footprint is one of the team's top priorities this year.

Tags: news performance update

Using the web app manifest to specify a site wide theme colour

Set a theme-color in the manifest and have it available to all pages on your site when launched from the home screen.

Tags: news webapp manifest

Using requestIdleCallback

requestIdleCallback is new performance API for scheduling work when the browser is idle.

Tags: news performance update

New Release of Material Design Lite - 1.0.4

There is a new release of Material Design Lite, bringing a host of bug fixes and improvements to the build process.

Tags: news mdl release

Using poster images on plugin content

Chrome can now add custom poster images to object elements to improve percieved loading performance of plugins such as Flash.

Tags: news poster flash performance

Interact with Bluetooth devices on the Web

A Web API has been added to Chrome that makes it possible for websites to discover and communicate with devices over the Bluetooth 4 wireless standard using GATT.

Tags: news iot webbluetooth physicalweb origintrials

MediaStream Deprecations

The MediaStream API represents synchronized streams of audio or video. MediaStream.ended, MediaStream.label and MediaStream.stop() are being deprecated. Use MediaStream.active, MediaStreamTrack.label and MediaStreamTrack.stop() instead.

Tags: news audio video media mediastream mediastreamtrack getusermedia rtcpeerconnection webrtc

Media playback notifications for Chrome on Android

When audio or video is playing on a web page, a notification showing the page title and a play/pause button is displayed in the notification tray and on the lock screen. The notification can be used to pause/resume play or return to the page playing the media.

Tags: news audio video android media notifications

Measuring Performance in a Service Worker

If you can't measure the performance of your requests in a service worker, how can you say it improves performance? Now you can answer that question with recent changes in Chrome.

Tags: news performance serviceworker

Using rotationAngle and touchRadius

A small set of changes have landed in Chrome 45 that will make it easier for developers to build better touch based apps

Tags: news android touch

Media Source Extensions for Audio

Media Source Extensions (MSE) provide extended buffering and playback control for the HTML5 audio and video elements. While originally developed to facilitate Dynamic Adaptive Streaming over HTTP (DASH) based video players, MSE can be used for audio; specifically for gapless playback.

Tags: news audio codecs mse

Help users checkout faster with Autofill

Help users checkout faster with Autofill. We’ve found that by correctly using autocomplete attributes on your forms, users complete them up to 30% faster!

Tags: news forms autofill monetization mobile

Notifying you of Changes to Notifications

2 new API's have been added in Chrome 44 which makes using Notifications with push easier to work with and customize.

Tags: news webpush notifications data

High performance video with hardware decoding

Hardware video support brings efficient decoding to plugins as well as HTML5 video. Flash users should switch from the old style Video to the StageVideo object.

Tags: news video flash shaka-player eme mse hardware-decoding codecs

Autocapitalize for mobile

Another text entry frustration for users is being removed.

Tags: news autocapitalize mobile

Cut and Copy Commands

The support for cut and copy commands allows you to programmatically cut and copy selected text to the users clipboard

Tags: news cutandcopy execcommand

DOM Attributes now on the prototype chain

Chrome is becoming in line with the spec. Check your sites if you are assuming the WebKit logic for attribute propagation

Tags: news dom

Permissions API for the Web

The Permissions API gives you a central place to check the permission status of an API.

Tags: news permissions

Simplified Concepts in Web Animations Naming

In response to developer feedback, some upcoming features of Web Animations are being renamed.

Tags: news webanimations

A new home for DevTools

We've moved into a shiny new home at developer.google.com/web have great new tutorials and tips for you.

Tags: devtools news outreach

Push Notifications on the Open Web

Push Messaging and Notifications are Landing in Chrome 42.

Tags: news webpush notifications serviceworker

Introduction to fetch()

The fetch() API is landing in the window object and is looking to replace XHRs

Tags: news fetch xhr

Creating semantic sites with Web Components and JSON-LD

Add schema.org markup to your components and make them search engine friendly.

Tags: news webcomponents json-ld

Offline-first, fast, with the sw-precache module

Add service worker-powered offline capabilities to your site with the sw-precache module.

Tags: news serviceworker offline cache performance

What the Virtual Viewport?

The virtual viewport separates layout and viewing of the viewport.

Tags: news virtualviewport

Chrome Dev Summit 2014: Let's build some apps with Polymer!

Building apps, the Polymer way.

Tags: news webcomponents polymer chromedevsummit

Getting Literal With ES6 Template Strings

Template String literals with embedded expressions. We've been waiting for this for ages. Literally

Tags: news es6 javascript ecmascript

image-rendering: pixelated

Pixelation of the nation. Now in Chrome 41

Tags: news css pixelated image-rendering

Chrome Dev Summit 2014: Polymer - State of the Union

The state of the Polymer Union.

Tags: news webcomponents polymer chromedevsummit

Chrome Dev Summit 2014: The Applied Science of Runtime Performance

The story of building the Chrome Dev Summit site.

Tags: news performance chromedevsummit frontend

Web Animations Playback Control in Chrome 39

Learn about Web Animation Playback

Tags: news webanimations

Fundamentals of Mobile Web Development

A quick look at some of the efforts the Chrome team are doing to helps developers get started with Web Development and iterate on their sites.

Tags: news fundamentals mobile frontend

Developer feedback needed: Frame Timing API

A brand new API is in the works to help measure frames per second in the wild, but it needs your feedback.

Tags: news performance testing frontend

Support for theme-color in Chrome 39 for Android

Use theme-color to set the toolbar color in Chrome for Android.

Tags: news mobile frontend

Generators: the Gnarly Bits

An exploration of ES6 Generators.

Tags: news iterators generators es6

Send beacon data in Chrome 39

Chrome 39 implements the Beacon API, which allows to send small async HTTP requests during the page unload events.

Tags: news beacon analytics

Precision Touch for Precise Gestures

TouchEvents have changed in Chrome to return float values, instead of integers, to account for varying screen densities. This leads to more detailed feedback during slow gestures.

Tags: news touchevent

Collecting and Iterating, the ES6 Way

Maps, Sets, and for...of iteration are ES6 features that can change the way you work with collections of data.

Tags: news iterators es6 sets collections maps

Easier ArrayBuffer to String conversion with the Encoding API

The native Encoding API offers a straightforward way to convert between raw binary data and JavaScript strings.

Tags: news arraybuffer decoding strings unicode encoding

Web Audio Changes in m36

Description of Web Audio standards cleanup work in m36

Tags: deprecations removals news webaudio

dialog element shipped in Chrome 37 Beta

Chrome Beta has landed its native support for <dialog> element

Tags: news dialog semantics

Blob support for IndexedDB landed on Chrome Dev

Long awaited feature for Chrome, Blob support on IndexedDB landed in Chrome Dev.

Tags: news indexeddb blob

Automating Web Performance Measurement

Use PSI to get web performance metrics into your build process.

Tags: news gulp performance pagespeed node buildprocess

Web Animations - element.animate() is now in Chrome 36

Web Animations define a model for supporting animation and synchronization on the Web platform. element.animate() is the first of those pieces landing in Chrome.

Tags: news elementanimate webanimations

A More Compatible, Smoother Touch

You and your users want mobile web apps that react and scroll smoothly to the touch. Developing them should be easy but, unfortunately, how mobile web browsers react to touch events during scrolling is left as an implementation detail in the TouchEvent specification.

Tags: news mobile touchevent

Get on the CSS Grid!

CSS Grid Layout is a new CSS3 module that provides new layout primitives that are ideal for web applications.

Tags: news layout css grids

The Yeoman Monthly Digest #3

A monthly digest of high-quality Yeoman articles, generators and project news.

Tags: news frontend scaffolding yeoman tools

Yo Polymer – A Whirlwind Tour Of Web Component Tooling

A whirlwind tour of Web Components, Polymer and front-end tooling for them.

Tags: news frontend polymer webcomponents tools

Web apps that talk - Introduction to the Speech Synthesis API

Introduction to the Web Speech API's synthesis feature.

Tags: news multimedia voice webspeech synthesis

Chrome Dev Summit: Platforms Summary

Platforms

Tags: news platforms pnacl dart

Chrome Dev Summit: Open Web Platform Summary

The capabilities of the Open Web Platform is accelerating at a pace that has never been seen before. At the Chrome Dev Summit we talked about how we are working on improving Blink, Security and Media for the platform

Tags: news owp webrtc blink

Chrome Dev Summit: Performance Summary

Performance Matters

Tags: news mobile performance

Chrome Dev Summit: Polymer declarative, encapsulated, reusable components

Polymer is a gateway into the amazing future of Web Components. Learn more about Web Components and Polymer from the Chrome Dev Summit

Tags: news mobile polymer webcomponents

Chrome Dev Summit: Mobile Summary

Here's the first in a series of reports from Chrome Dev Summit. There was a strong emphasis on Mobile and Cross-device development, so we'll kick off with that!

Tags: news ux workflow mobile webview grunt serviceworker