如何在Phonegap中启用前置摄像头
use*_*416 4 javascript html5 camera android cordova
使用带有以下代码的HTML5和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 文档,您可以指定要打开的摄像头或提供在前后摄像头硬件之间切换的按钮
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
};
| 归档时间： |
|
| 查看次数： |
5894 次 |
| 最近记录： |