相关API
navigator.medioDevices.enumerateDevices()
.then(回调) 成功
.catch(回调) 失败
返回的结果一般为;
deviceInfo 包含 kind： 种类 label： 标签 id 和 groupID
基础执行代码
JS代码
'use strict'
var audioSource = document.querySelector("select#audioSource");
var audioOutput = document.querySelector("select#audioOutput");
var videoSource = document.querySelector("select#videoSource");
if(!navigator.mediaDevices ||
!navigator.mediaDevices.enumerateDevices){
console.log('enumerateDevices is not supported!');
}else {
navigator.mediaDevices.enumerateDevices()
.then(gotDevices)
.catch(handleError);
}
function gotDevices(deviceInfos){
deviceInfos.forEach( function(deviceInfo){
console.log(deviceInfo.kind + ": label = "
+ deviceInfo.label + ": id = "
+ deviceInfo.deviceId + ": groupId = "
+ deviceInfo.groupId);
var option = document.createElement('option');
option.text = deviceInfo.label;
option.value = deviceInfo.deviceId;
if(deviceInfo.kind === 'audioinput'){
audioSource.appendChild(option);
}else if(deviceInfo.kind === 'audiooutput'){
audioOutput.appendChild(option);
}else if(deviceInfo.kind === 'videoinput'){
videoSource.appendChild(option);
}
});
}
function handleError(err){
console.log(err.name + " : " + err.message);
}
``
```cpp
html
<!DOCTYPE html>
<html lang="en">
<head>
<title>webRTC</title>
</head>
<body>
<script src="js/client.js"></script>
<div>
<label>audio input device</label>
<select id="audioSource"></select>
</div>
<div>
<label>audio input device</label>
<select id="audioOutput"></select>
</div>
<div>
<label>audio input device</label>
<select id="videoSource"></select>
</div>
</body>
</html>
执行结果
955
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
