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: OvermindDL1
**Run any code on any client.**With WebAssembly and Wasmer. It’s been almost 6-months since we released Wasmer 1.0, and the community ...
New
First poster: bot
GitHub - eeue56/derw: An Elm-inspired language that transpiles to TypeScript. An Elm-inspired language that transpiles to TypeScript - G...
New
First poster: bot
Assertion Functions in TypeScript. TypeScript 3.7 implemented support for assertion functions in the type system. An assertion function ...
New
First poster: bot
Track down the JavaScript code responsible for polluting the global scope. Here’s how you can debug what JavaScript code is adding globa...
New
First poster: bot
Announcing TypeScript 4.6. Today we’re announcing the availability of TypeScript 4.6. If you’re not yet familiar with TypeScript, it’s a...
New
First poster: bot
The State of WebAssembly 2022. WebAssembly has gone through quite a transformation this last year, while the wasm language landscape is ...
New
CommunityNews
Introducing Signals – Preact. Signals are a way of expressing state that ensure apps stay fast regardless of how complex they get. Signa...
New
First poster: bot
Type-Level TypeScript — Introduction. A course to take your TypeScript skills to the next level!
New
CommunityNews
165+ JavaScript terms you need to know. Keep this JavaScript glossary bookmarked to reference variables, methods, strings, and more.
/js
New
First poster: bot
Understanding HTML with Large Language Models. Large language models (LLMs) have shown exceptional performance on a variety of natural ...
New

Other popular topics Top

Rainer
My first contact with Erlang was about 2 years ago when I used RabbitMQ, which is written in Erlang, for my job. This made me curious and...
New
Exadra37
I am asking for any distro that only has the bare-bones to be able to get a shell in the server and then just install the packages as we ...
New
PragmaticBookshelf
Use WebRTC to build web applications that stream media and data in real time directly from one user to another, all in the browser. ...
New
Maartz
Hi folks, I don’t know if I saw this here but, here’s a new programming language, called Roc Reminds me a bit of Elm and thus Haskell. ...
New
AstonJ
Was just curious to see if any were around, found this one: I got 51/100: Not sure if it was meant to buy I am sure at times the b...
New
PragmaticBookshelf
Author Spotlight Mike Riley @mriley This month, we turn the spotlight on Mike Riley, author of Portable Python Projects. Mike’s book ...
New
PragmaticBookshelf
Author Spotlight Rebecca Skinner @RebeccaSkinner Welcome to our latest author spotlight, where we sit down with Rebecca Skinner, auth...
New
First poster: bot
zig/http.zig at 7cf2cbb33ef34c1d211135f56d30fe23b6cacd42 · ziglang/zig. General-purpose programming language and toolchain for maintaini...
New
PragmaticBookshelf
Build modern server-driven web applications using htmx. Whatever programming language you use, you’ll write less (and cleaner) code. ...
New
PragmaticBookshelf
Lint your docs like code: turn any style guide into enforceable rules with Vale and publish clear, consistent content every time. ...
New