gpt4 book ai didi

javascript - Chrome WebKitGetUserMedia

转载 作者:行者123 更新时间:2023-11-30 07:43:07 25 4
gpt4 key购买 nike

我正在尝试让网络摄像头流在我的页面上运行,我想使用 WebKitGetUserMedia 来实现。我在谷歌上搜索了很多,感觉我已经尝试了所有的例子,但没有一个对我有用。我显然做错了什么,但我不知道是什么。

所以我的问题是,为了让 WebKitGetUserMedia 在 chrome 中工作,我必须做什么?我正在使用 Chrome v21。如果有人有一些完整的 html、js 代码示例,我会很高兴看到它!

最佳答案

请详细说明你的观点,具体是什么,问题是什么,遇到了什么错误,这样可以很容易地找出你的错误。

不过,我还是建议您阅读有关从 HTML5 捕获音频和视频的优秀读物,http://www.html5rocks.com/en/tutorials/getusermedia/intro/ .

不过,在阅读完这篇文章后,我遇到了一个错误,该错误不允许从本地主机或 Google Chrome 上的计算机加载资源(您也可能遇到这种情况),一旦您托管了您的网站,该错误就会得到解决网络上的 HTML 页面(尝试使用 Dropbox 免费公开上传您的文件或自己托管)。

这是您可以引用的代码:

<html>
<head>
<title>HTML5 Webcam Test</title>
<style type="text/css">
body{
max-width: 300px;
max-height: 300px;
}
#live_video{
top: 0px;
height: 100%;
width: 100%;
left: 0px;
}
</style>
</head>
<body>
<video id="live_video" autoplay controls></video>
<script type="text/javascript">
video = document.getElementById("live_video");
navigator.webkitGetUserMedia({video:true, audio:true},
function(stream) {
video.src = window.webkitURL.createObjectURL(stream);
}
);
</script>
</body>
</html>

关于javascript - Chrome WebKitGetUserMedia,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12442864/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com