HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>id — Map</title>
</head>
<body>
  <pre id="out"></pre>
  <script>
    var streamsById = new Map();
    var canvas = document.createElement("canvas");

    function registerStream(stream) {
      streamsById.set(stream.id, stream);
      return stream.id;
    }

    var a = canvas.captureStream();
    var b = canvas.captureStream();
    registerStream(a);
    registerStream(b);

    document.getElementById("out").textContent =
      "map size: " + streamsById.size + "\n" +
      "same id: " + (a.id === b.id) + "\n" +
      "a: " + a.id + "\n" +
      "b: " + b.id;
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

MediaStream.id — Map by id (Try It)