getUserMedia

navigator.mediaDevices.getUserMedia() is a promise-based browser API from the Media Capture spec that, in secure (HTTPS/localhost) pages, prompts the user for permission to access their camera and/or microphone. When granted, it returns a MediaStream (one or more audio/video tracks) that you can attach to a <video> element, feed into WebRTC, record, or process in real-time.

Record Lossless Audio in Safari Technology Preview With New ALAC and PCM Codec Support

In Safari Technology Preview Release 214, Apple introduced support for ALAC (Apple Lossless Audio Codec) and PCM (Pulse Code Modulation) audio codecs in the MediaRecorder API. This enhancement lets developers record high-quality, lossless

Chrome's new device selector, camera preview and microphone input level display

getUserMedia

Turning on the new Camera and Microphone Selector & Preview in Chrome

Starting with Chrome 123 there's a new feature that allows you to 1. select the desired camera 2. select the desired microphone 3. preview the selected camera video stream 4. test

getUserMedia

Camera and Microphone Access In Cross Origin Iframes With getUserMedia & Feature Policy

If you’re trying to access the camera and microphone with getUserMedia() in a cross origin iframe on a recent version of Chrome, by default it will fail. We’ve encountered this situation

Product Updates

Better Copy For Getting Camera & Microphone Access

One place where Chrome and Firefox did a good job of aligning is in the use of keywords in the camera & microphone permissions dialog. Luckly, for some reason, they ended up using

getUserMedia

Camera and Microphone Access in macOS Mojave

Previous macOS versions allowed you to control what apps can access your location, contacts, photos, calendar and reminders. macOS Mojave adds the ability to control what apps can access your camera and microphone.

getUserMedia

getUserMedia() Camera & Microphone Initialization Times

After using the Permissions API to accurately measure how users interact with the camera & microhone permissions dialog we realised we could measure more. The Permissions API data allows us to filter those

The camera and microphone permissions prompt in Chrome circa 2019

getUserMedia

Using the Permissions API to Detect How Often Users Allow or Deny Camera Access

9 May update: we've updated the TTA & Permission API numbers to reflect the same 100k getUserMedia() calls dataset. The updated numbers result in the same conclusions. While building our new

getUserMedia

getUserMedia() Logs To The Rescue

For a long time we've been in the dark about the problems and errors users had with granting access to camera and microphone devices. We knew there were occasional problems but

getUserMedia

Common getUserMedia() Errors

Once you get getUserMedia() working with audio and video constraints you immediately start hitting problems like: 1. user has no webcam, just a microphone 2. user has (accidentally) denied access to the webcam

getUserMedia

getUserMedia() Video Constraints

WebRTC is constantly evolving and with it, it’s most known function getUserMedia(). With it you can get access to the device’s webcams and microphones and request a video stream, an audio

getUserMedia

getUserMedia() Audio Constraints

The most requested feature this year has been the ability to record audio instead of video, so we’ve set out to deliver exactly that—hopefully by year’s end. We started by

MediaStream Recording API

HTML5’s Media Recorder API in Action on Chrome and Firefox

April 2016 update: added info about Chrome 49 October 2016 update: added H.264 support for Chrome 52 For many years recording webcam video on the web meant using Adobe’s Flash plugin.