détecter le soutien Firefox pour le partage d'écran

Question

Firefox, depuis la version 52, soutiendra le partage d'écran via:

navigator.mediaDevices.getUserMedia({ video: { mediaSource: 'screen' }}) 
    .then(stream => { ... }); 

Check out this test page to see it in action.

Je voudrais savoir s'il existe un moyen de détecter si un navigateur supporte { mediaSource: 'screen' }?

Je voudrais seulement donner la possibilité de partager l'écran avec les utilisateurs qui ont la capacité de partager. Donc, j'aimerais être en mesure de détecter cela.

Answer 1

un moyen de détecter si un navigateur prend en charge {mediaSource: 'screen'}?

La réponse pédant est la suivante vous dira si la contrainte mediaSource est prise en charge:

console.log(!!navigator.mediaDevices.getSupportedConstraints().mediaSource);

Malheureusement, mediaSource est non standard, et seulement mis en œuvre dans Firefox. Firefox est dès lors le seul navigateur à permettre le partage d'écran sans plugin.

Chrome a une API non standard différente utilisant chromeMediaSource disponible en tant que plug-in, en utilisant une ancienne syntaxe de contraintes, mais elle n'apparaît pas (à juste titre) dans le nouveau getSupportedConstraints.

C'est encore un peu le bordel. Les navigateurs à long terme peuvent finir par implémenter getDisplayMedia à la place.