Javascript：获取浏览器选择的麦克风名称

Question

我正在尝试构建一个函数来通过 Javascript 获取浏览器选择的麦克风名称。就像我们在系统中有几个麦克风并且浏览器选择了一个，我需要知道他的名字才能在其他功能中使用它。

我尝试了 getUserMedia 方法，但我不知道如何使用此方法获取麦克风名称。而且，正如我在一些文章中看到的那样，与 google chrome 存在一些不兼容问题。

还有其他方法可以获取此信息吗？

Answer 1

• navigator.mediaDevices.enumerateDevices()

  媒体设备标签

---

navigator.mediaDevices.enumerateDevices()
.then(function(devices) {
  devices.forEach(function(device) {
    console.log(device.kind + ": " + device.label +
            " id = " + device.deviceId);
  });
})

受 Chrome 45、Firefox 39 支持

---

• MediaStreamTrack.getSources()

已弃用

MediaStreamTrack.label

---

MediaStreamTrack.getSources(function(sourceInfos) {
  for (var i = 0; i != sourceInfos.length; ++i) {
    var sourceInfo = sourceInfos[i];
    console.log(sourceInfo.id, sourceInfo.label);
  }
});

在 Chrome 45 中已弃用，在 Chrome 47 中已删除。

---

getUserMedia 必须在“enumerateDevices”或“getSources”方法之前调用

---

• https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack
• https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices