Audio/Video Updates in Chrome 75
A round up of the audio/video updates in Chrome 75: predicting whether playback will be smooth and power efficient for encrypted media and support of the video element's "playsInline" attribute hint.
Audio/Video Updates in Chrome 73
A round up of the audio/video updates in Chrome 73: Hardware media keys support, HDCP policy check, Picture-in-Picture origin trials, and more.
Web Audio, Autoplay Policy and Games
A recap of our Web Audio autoplay policy changes which are rolling out soon in Chrome.
Watch video using Picture-in-Picture
Control Picture-in-Picture for video elements on your website.
Audio/Video Updates in Chrome 70
A round up of the audio/video updates in Chrome 70: AV1 decoder, cross-codec and cross-bytestream buffering and playback, Opus in MP4 with MSE, and protected content playback allowed by default on Android.
Extending the browser with WebAssembly
WebAssembly lets us extend the browser with new features. This article shows how to port the AV1 video decoder and play AV1 video in any modern browser.
Audio/Video Updates in Chrome 69
A round up of the audio/video updates in Chrome 69: AV1 and HDCP policy check.
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.
New in Chrome 64
Chrome 64 adds support for ResizeObservers, which will notify you when an element’s content rectangle has changed its size. Modules can now access to host specific metadata with import.metadata The pop-up blocker gets strong and plenty more. Let’s dive in and see what’s new for developers in Chrome 64!
chrome64
new-in-chrome
observers
ux
regex
media
modules
responsive
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.
news
chrome63
chrome64
media
audio
video
origintrials
Exceeding the buffering quota
There are several ways to deal with QuotaExceededError
.
New in Chrome 62
Chrome 62 improves the network information API with network quality indicators, support for OpenType Variable Fonts has landed and you can now capture and process media streams from HTMLMediaElements with the Media Capture from DOM elements API.
chrome62
new-in-chrome
fonts
media
webfonts
network-info
Autoplay Policy Changes
Learn best practices for good user experiences with the new autoplay policies in Chrome, coming April 2018.
Picture-in-Picture (PiP)
Let's discuss a Web API that would allow websites to create a floating video window over the desktop
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!
Audio/Video Updates in Chrome 61
Background video track optimizations and automatic video fullscreen when device is rotated are here!
DOMException: The play() request was interrupted
What is really happening with "DOMException: The play() request was interrupted"?
New in Chrome 59
With Chrome 59, you can run Chrome in an automated environment without a user interface or peripherals; notifications on macOS are shown directly by the native macOS notification system; you can now capture full resolution photos with the image capture API, and there’s plenty more!
chrome59
new-in-chrome
automation
notifications
media
getusermedia
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!
We'll Cross the (Media) Streams, Ray
Today, when using Media Source Extensions (MSE) in Chrome, it's not possible to switch between encrypted and clear streams. Starting in Chrome 58, all this changes.
New in Chrome 57
With Chrome 57, you can now use display: grid
for grid based layouts, use the media session API to customize the lock screen and notifications with information about the media being played, and more. Pete LePage has all the details and how you can use these new developer features in Chrome 57!
chrome57
new-in-chrome
css
progressive-web-apps
media
grids
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.
news
chrome57
media
notifications
play
Take Photos and Control Camera Settings
Image Capture is an API to control camera settings and take photos.
canvas
chrome56
chrome61
media
webrtc
Capture a MediaStream From a Canvas, Video or Audio Element
The captureStream()
method makes it possible to capture a MediaStream from a canvas, video or audio element.
canvas
chrome53
gif
media
security
webrtc
New In Chrome 54
With Chrome 54, you can now create your own custom HTML tag with and make re-usable web components with Custom Elements v1; it’s easier to send messages between open windows or tabs on the same origin with the BroadcastChannel
API; media experience get better on Android and foreign fetch is now available as an origin trial.
chrome54
new-in-chrome
media
webcomponents
broadcast
foreignfetch
fullscreen
serviceworker
origintrials
Muted Autoplay on Mobile: Say Goodbye to Canvas Hacks and Animated GIFs!
Muted autoplay for video is supported on Android from Chrome 53. Previously, a video element required a user gesture to initiate playback.
canvas
chrome53
gif
media
security
webrtc
ECDSA for WebRTC: Better Security, Better Privacy and Better Performance
From version 52, Chrome uses ECDSA by default — a much more efficient and secure algorithm for WebRTC certificate key generation. In addition, RTCCertificates can now be stored with IndexedDB.
chrome52
media
security
webrtc
Service Worker Caching, PlaybackRate and Blob URLs for Audio and Video on Chrome for Android
From version 52, Android Chrome uses the same media stack as desktop Chrome, rather than relying on the underlying platform implementation. This enables service worker media caching, variable playback rates, blob URLs on Android, MediaStream passing between APIs, and easier cross-platform debugging.
audio
chrome52
media
recording
video
webrtc
Media Source API: Automatically Ensure Seamless Playback of Media Segments in Append Order
The Media Source API enables JavaScript to construct media streams for playback. From Chrome 50, it's possible to use SourceBuffer sequence mode to ensure media segments are automatically relocated in the timeline in the order they were appended, without gaps between them.
audio
chrome50
media
mse
recording
video
webrtc
chrome50
Web Audio Updates in Chrome 49
A round up of some of the latest editions to the Web Audio API in Chrome.
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.
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.
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.
news
audio
video
media
secondscreen
cast
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().
news
audio
video
media
webrtc
getusermedia
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.
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.
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.
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.
news
audio
video
android
media
notifications