Media Capture and Streams
メディアキャプチャとストリーム API (メディアストリーム)
function userStream() {
    const userMedia = document.querySelector('#userMedia')
    let media = navigator.mediaDevices.getUserMedia({
        video: true,
        video: {
            facingMode: "user"
        }, // インカメラ
        audio: false,
    });
    media.then((stream) => {
        userMedia.srcObject = stream;
    });
}
            

Window and Screen
現在のウィンドウ・画面の幅・高さを取得
window.addEventListener("DOMContentLoaded", function () {
    windowScreen();
}, false);

window.onresize = tmResize;
    function tmResize() {
    if (typeof pageResize == "function") {
        pageResize();
    }
}

function pageOnload() {
    windowScreen();
}
function pageResize() {
    windowScreen();
}

function windowScreen() {
    const outScreenWidth = document.getElementById("outScreenWidth");
    outScreenWidth.innerText = screen.availWidth;

    const outScreenheight = document.getElementById("outScreenheight");
    outScreenheight.innerText = screen.availHeight;

    const outInnerWidth = document.getElementById("outInnerWidth");
    outInnerWidth.innerText = window.innerWidth;

    const outInnerHeight = document.getElementById("outInnerHeight");
    outInnerHeight.innerText = window.innerHeight;
}
            

window.innerWidth ウィンドウの内部の幅 (px)
window.innerHeight ウィンドウの内部の高さ (px)
Screen.availWidth 利用可能なウインドウの幅 (px)
Screen.availHeight 利用可能なウインドウの高さ (px)