CommunityNews

CommunityNews

Introducing the <usermedia> HTML element | Blog | Chrome for Developers

Learn about the <usermedia> HTML element, a new Capability Element landing in Chrome 151.

Read in full here:

Most Liked

mortz

mortz

Are these features expected to come to other (non Chromium) browsers also or is this a chrome only thing?

pagan

pagan

Yes, it’s Chrome only.

Feature support can be detected with:

'HTMLUserMediaElement' in window

and shimmed with:

const stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true }); 

document.querySelector('video').srcObject = stream;

I believe this new HTML element will allow developers to avoid calling getUserMedia() which may have an impact on Permissions (for camera, microphone, etc.) during video calls. Perhaps Google is trying to streamline the video call experience (Meet, Zoom) in Chrome.

Seems to expand on concepts related to <geolocation> (which is not Chrome specific).

Where Next?

Popular Frontend topics Top

First poster: bot
Announcing TypeScript 4.1 | TypeScript. Today we’re proud to release TypeScript 4.1! If you’re unfamiliar with TypeScript, it’s a langua...
New
First poster: bot
Why do we need static blocks in classes? A more complicated example Details Support in engines for class static blocks Conclusion
/js
New
First poster: bot
3 TypeScript Tricks I wish I knew when I learned TypeScript. TypeScript is a big Superset of JavaScript which has many features which mi...
New
First poster: bot
Pay attention to WebAssembly. WebAssembly is at an inflection point. Over the next few years, I expect to see increased adoption of WebA...
New
First poster: bot
Kotlin/JS provides the ability to transpile your Kotlin code, the Kotlin standard library, and any compatible dependencies to JavaScript....
New
First poster: bot
Introducing Spin We are pleased to announce our new WebAssembly framework, Spin. Spin is a foundational piece of the Fermyon Platform. It...
New
First poster: bot
Monorepos in JavaScript &amp; TypeScript. A tutorial how to use a monorepo architecture in frontend JavaScript and TypeScript with tools...
New
First poster: bot
SVGs as Elm Code. Moving SVGs out of the file system and into regular Elm code can make icons easier to manage, especially if you find y...
New
First poster: bot
Announcing: Rescript-tea. Rescript-tea is a Rescript implementation of The Elm Architecture, an MVU (Model-View-Update) pattern for orga...
New
New

Other popular topics Top

PragmaticBookshelf
From finance to artificial intelligence, genetic algorithms are a powerful tool with a wide array of applications. But you don't need an ...
New
PragmaticBookshelf
Build highly interactive applications without ever leaving Elixir, the way the experts do. Let LiveView take care of performance, scalabi...
New
DevotionGeo
The V Programming Language Simple language for building maintainable programs V is already mentioned couple of times in the forum, but I...
New
PragmaticBookshelf
Author Spotlight Jamis Buck @jamis This month, we have the pleasure of spotlighting author Jamis Buck, who has written Mazes for Prog...
New
husaindevelop
Inside our android webview app, we are trying to paste the copied content from another app eg (notes) using navigator.clipboard.readtext ...
New
New
CommunityNews
A Brief Review of the Minisforum V3 AMD Tablet. Update: I have created an awesome-minisforum-v3 GitHub repository to list information fo...
New
RobertRichards
Hair Salon Games for Girls Fun Girls Hair Saloon game is mainly developed for kids. This game allows users to select virtual avatars to ...
New
mindriot
Ok, well here are some thoughts and opinions on some of the ergonomic keyboards I have, I guess like mini review of each that I use enoug...
New
PragmaticBookshelf
Quickly turn complex problems into simple, working solutions using functional programming, safe concurrency, and the expressive tools of ...
New