getDisplayMedia （prefers detail over fluent video.）

getDisplayMedia.js

/**
 *
 * @param {Object} [constraints={ video: true }] constraints - MediaStreamConstraints
 * @returns {Promise<MediaStream>}
 */
export function getDisplayMedia(constraints = defaultDisplayMediaConstraints) {
  return global.navigator.mediaDevices
    .getDisplayMedia(constraints)
    .then(stream => {
      // support for Chrome's content hint stuff which prefers detail over fluent video.
      // See https://www.w3.org/TR/mst-content-hint/
      stream.getVideoTracks().forEach(t => {
        if ("contentHint" in t) {
          t.contentHint = "detail";
        }
      });
      return stream;
    });
}