WebRTC获取音视频设备

2019-11-29

使用 navigator.mediaDevices.enumerateDevices() 即可获取音视频设备相关信息。

创建如下文件：

1
2
3

.
├── client.js
└── index.html

重点在 client.js 中。

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>获取音视频设备</title>
</head>
<body>

<script src="client.js"></script>

</body>
</html>

client.js

'use strict';

// 打印设备类型、标签、id、组id等
function getDevice(deviceInfos) {
  deviceInfos.forEach(function (deviceInfo) {
    console.log("kind: " + deviceInfo.kind);
    console.log("label: " + deviceInfo.label);
    console.log("deviceId: " + deviceInfo.deviceId);
    console.log("groupId: " + deviceInfo.groupId);
  });
}

// 错误处理
function handelErr(err) {
  alert(err);
}

if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
  // 不支持
  alert('不支持');
} else {
  // 支持
  navigator.mediaDevices.enumerateDevices()
      .then(getDevice)
      .catch(handelErr)
}