使用API navigator.mediaDevices.enumerateDevices(),我获得了计算机中可用设备的ID,但是我不知道如何告诉导航器我要切换摄像头或麦克风。在论坛中有很多示例,但是不清楚,因为webRTC多次更改了API及其引用。 webRTC提出的网络上只有一个示例,但我无法真正理解它,或者至少我无法在其代码中找到所需的内容。
我没有做太多尝试,因为我对webRTC非常陌生...
if(!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) console.log('Enumerate Media Devices from getUserMedia is not supported');
navigator.mediaDevices.enumerateDevices()
.then(function(devices) {
devices.forEach(function(device) {
if (device.kind == 'audioinput' || device.kind == 'audiooutput') $scope.devicesAudio.push(device);
else if (device.kind == 'videoinput' || device.kind == 'videooutput') $scope.devicesVideo.push(device);
else $scope.devices.push(device);
});
})
.catch(function(err) {
console.log(err.name + ':' + err.message);
});
$scope.selectDevice = function(device) {
if(device.kind == 'videooutput' || device.kind == 'videoinput') {
console.log('video Device selected' + ' DEVICE_ID: ' + device.deviceId);
}
else if(device.kind == 'audioinput' || device.kind == 'videooutput') {
console.log('Audio device selected' + ' DEVICE_ID: ' + device.deviceId);
};
};
我希望我的应用程序可以选择更换相机和麦克风...
最佳答案
使用deviceId
约束。
我已经更新了MDN来提及它。
$scope.selectDevice = function(device) {
let constraints, oldtrack;
if (device.kind == 'videoinput') {
constraints = {video: { deviceId: {exact: device.deviceId}}};
oldtrack = (video.srcObject || []).getVideoTracks()[0];
} else {
constraints = {audio: { deviceId: {exact: device.deviceId}}};
oldtrack = (video.srcObject || []).getAudioTracks()[0];
}
// Most phones only handle one camera open at a time, so stop old device first.
if (oldtrack) {
oldtrack.stop();
}
return navigator.mediaDevices.getUserMedia(constraints)
.then(stream => video.srcObject = stream);
.catch(err => console.log(err.name + ':' + err.message));
}
使用
exact
关键字可以防止回退到其他设备,因为这是一个选择器。您可以忽略
"audiooutput"
,因为它们是扬声器,而不是麦克风。也没有"videooutput"
这样的东西。这是无效的值。我想这些将是显示,但是enumerateDevices()
不会枚举这些显示。上面仅用于说明目的,以显示API的工作方式。由于我们要处理硬件,因此,使健壮的选择器成为读者的一项练习。
例如:大多数电话只能同时打开一个摄像头。例如,还可能存在其他冲突,例如从使用中的相机以外的其他相机获取麦克风。比较
device.groupId
属性以了解相机和麦克风是否在同一硬件上。例如,如果它们匹配,则最好一前一后地更换摄像头和麦克风。如果您怀疑硬件问题,请在系统上尝试WebRTC samples demo。
关于javascript - 使用WebRTC如何选择麦克风和摄像头?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54630591/