getDisplayMedia demo

Purpose of this demo is to test all getDisplayMedia API functionalities.

aspectRatio: frameRate: resolutions: cursor: displaySurface: logicalSurface:

Hints: Are you using Chrome version 71? Please enable "chrome://flags/#enable-experimental-web-platform-features"

Note: Currently none of the dropdowns features are available on Chrome. We are forced to pass {video:true} rather than above values.

Browser support: Edge and Chrome >= 71 and possibly Safari latest preview.

How to use?

var displayMediaStreamConstraints = {
    video: true // currently you need to set {true} on Chrome
};

if (navigator.mediaDevices.getDisplayMedia) {
    navigator.mediaDevices.getDisplayMedia(displayMediaStreamConstraints).then(success).catch(error);
} else {
    navigator.getDisplayMedia(displayMediaStreamConstraints).then(success).catch(error);
}

Spec: https://w3c.github.io/mediacapture-screen-share/