HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>mediaCapabilities — audio</title>
</head>
<body>
  <pre id="out">Loading…</pre>
  <script>
    if (!("mediaCapabilities" in navigator)) {
      document.getElementById("out").textContent = "API missing";
    } else {
      navigator.mediaCapabilities
        .decodingInfo({
          type: "file",
          audio: {
            contentType: "audio/mp3",
            channels: 2,
            bitrate: 132700,
            samplerate: 5200
          }
        })
        .then(function (result) {
          document.getElementById("out").textContent =
            "This configuration is " +
            (result.supported ? "" : "not ") +
            "supported,\n" +
            (result.smooth ? "" : "not ") +
            "smooth, and\n" +
            (result.powerEfficient ? "" : "not ") +
            "power efficient.";
        })
        .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 — audio decodingInfo (Try It)