Art*_*Rey 4 javascript jquery google-chrome getusermedia
我以simpl.info代码为例。在他们的示例中,我可以在“视频源”选择中看到“ TOSHIBA Web Camera-HD(13d3:5606)”。因此,他们可以检索源的label属性。我可以轻松获取来源,但标签为空:
SourceInfo {facing: "", label: "", kind: "video", id: "0c2c5a2bf359a3ced6d7d39efe2f40477f50d5627df618a6f1998b5142437b27"}
Run Code Online (Sandbox Code Playgroud)
这是我的代码:
$(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);
}
}
}
Run Code Online (Sandbox Code Playgroud)
如答案4所述,用户必须已授予页面使用介质设备的权限,以便获得label填充。通过HTTPS提供服务时,浏览器将记住在后续加载中授予的权限,因此该权限将在请求媒体之前被授予。当使用HTTP而非HTTPS时,必须先发出并接受getUserMedia请求,然后MediaStreamTrack.getSources才能填充标签。
我在另一台计算机上尝试了simpl.info,并且按预期的那样label第一次是空的,第二次之后就填充了。