我用 simpl.info 代码作为例子。在他们的示例中,我可以在"视频源"选择中看到"东芝网络摄像头 - 高清 (13d3:5606)"。因此,他们可以检索源的标签属性。我可以轻松获取来源,但标签为空:
SourceInfo {facing: "", label: "", kind: "video", id: "0c2c5a2bf359a3ced6d7d39efe2f40477f50d5627df618a6f1998b5142437b27"}
这是我的代码:
$(document).ready(function ()
{
if (navigator.getUserMedia)
{
if (typeof MediaStreamTrack.getSources !== 'undefined')
{
MediaStreamTrack.getSources(gotSources);
}
}
});
function gotSources(sourceInfos)
{
for (var i = 0; i < sourceInfos.length; i++)
{
var sourceInfo = sourceInfos[i];
if (sourceInfo.kind == 'video')
{
console.log(sourceInfo);
}
}
}
如答案 #4 中所述,用户必须已授予页面使用媒体设备的权限才能填充label
。当通过 HTTPS 提供时,浏览器将记住在后续加载时授予的权限,因此在请求媒体之前已授予权限。当使用 HTTP(而不是 HTTPS)时,必须先发出并接受 getUserMedia 请求,然后MediaStreamTrack.getSources
才会填充标签。
我在另一台计算机上尝试 simpl.info,正如预期的那样,label
第一次是空的,第二次后填充。