使用HTML5& amp ;;在网站上打开网络摄像头使用以下代码的Js.
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="headBoxingStyle.css"/>
</head>
<body style="overflow: hidden">
<div id="headtrack"></div>
<canvas id='canvas' width='100' height='100'></canvas>
<video width="100" height="100"></video>
</body>
</html>
<script type="text/javascript">
var onFailSoHard = function(e)
{
console.log('failed',e);
}
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia;
var video = document.querySelector('video');
if(navigator.getUserMedia)
{
navigator.getUserMedia({video: true},function(stream) {
video.src = window.URL.createObjectURL(stream);
}, onFailSoHard);
}
document.getElementById('snapshot').onclick = function() {
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.drawImage(video,0,0);
}
</script>
但是如何通过Phonegap打开设备前置摄像头.不会拍摄照片或录像机,只显示前置摄像头视图.目前安装了Phonegap相机插件,添加了权限并测试了Phonegap上的示例代码,该代码工作正常,但上面的代码只显示了图片中的Play符号.
这是权限
<uses-permission android:name="android.permission.CAMERA" />
<uses-feature android:name="android.hardware.camera"android:required="false" />
<uses-feature android:name="android.hardware.camera.front" android:required="false" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
Phonegap 3.1.0版API
解决方法:
根据Phonegap documentation,您可以指定要打开的相机或提供按钮以在前后相机硬件之间切换
navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] );
这里的cameraOptions有很多属性,但你需要的是Camera Direction
{cameraDirection:1};
哪里
Camera.Direction = {
BACK : 0, // Use the back-facing camera
FRONT : 1 // Use the front-facing camera
};
原文地址:https://codeday.me/bug/20190824/1711895.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。