个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试让网络摄像头流在我的页面上运行，我想使用 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
我正在尝试让网络摄像头流在我的页面上运行，我想使用 WebKitGetUserMedia 来实现。我在谷歌上搜索了很多，感觉我已经尝试了所有的例子，但没有一个对我有用。我显然做错了什么，但我不知道是什
从Chrome 73更新到74后，navigator.getUserMedia和navigator.webkitGetUserMedia返回undefined。 在https://developer.
所以 navigator.webkitGetUserMedia 的标准使用方式是这样的: function success() { console.log('User accepted');
我一直在使用 webkitGetUserMedia 方法(getUserMedia 通过 adapter.js)在我的网络应用程序上获取用于 webRTC 的摄像头和 microhpone。我的服务器
我已经成功地使用 webkitGetUserMedia 从普通网页上的网络摄像头捕获视频，但是当我尝试在 Chrome 扩展程序的 popup.html 中执行此操作时，没有任何 react 。我没有
我正在使用 navigator.webkitGetUserMedia通过分配返回的 stream 每秒捕获一次窗口的屏幕截图到 并将其复制到 并将缓冲区保存到文件。 我的应用程序中的 CPU 使用率一
当我尝试实现基本的示例应用程序时，我开始学习 webrtc navigator.getUserMedia = navigator.getUserMedia || naviga
我是一名优秀的程序员,十分优秀！