HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>mediaCapabilities — video</title>
</head>
<body>
  <pre id="out">Loading…</pre>
  <script>
    if (!("mediaCapabilities" in navigator)) {
      document.getElementById("out").textContent = "API missing";
    } else {
      navigator.mediaCapabilities
        .decodingInfo({
          type: "media-source",
          video: {
            contentType: 'video/mp4; codecs="avc1.42E01E"',
            width: 1920,
            height: 1080,
            bitrate: 2000000,
            framerate: 30
          }
        })
        .then(function (result) {
          document.getElementById("out").textContent = JSON.stringify({
            supported: result.supported,
            smooth: result.smooth,
            powerEfficient: result.powerEfficient
          }, null, 2);
        })
        .catch(function (err) {
          document.getElementById("out").textContent =
            String(err.name || "Error") + ": " + (err.message || err);
        });
    }
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

mediaCapabilities — video decodingInfo (Try It)