比较来自世界各地的卖家的域名和 IT 服务价格

显示内部相机的视图 html 在 android, 然后绑定图像

是否可以在内部显示实时相机的视图 html / 例如,内置 div /, 在我们拍摄快照之前 JavaScript? 我试过了 PhoneGap, 但他完全启动了一个新的相机应用程序并完全离开了我的Web应用程序。 html, 在返回之前。 我需要嵌入我的申请中的东西

已邀请:

喜特乐

赞同来自:

你可以
https://github.com/mbppower/CordovaCameraPreview
CordovaCameraPreview /为了 android,ios/
在您的申请中 Cordova/phonegap, 这允许您与代码相互作用 HTML. 这是一个非常惊人的插件..
您可以访问以下功能:

从代码开始预览相机 HTML.
拖动预览窗口。
设置相机的色彩效果 /Android 和 iOS/将预览窗口发送到HTML内容的背面,设置预览摄像机窗口的用户位置,设置预览窗口的用户大小并保持交互性。 HTML.

或者你也可以
https://github.com/donaldp24/CanvasCameraPlugin
CanvasCamera 对于您的应用程序,如果它符合您的要求。 它是平台的支持。 android, 在平台上 iOS. 我注意到了 iOS 它可以很好,但在 android 他不工作。

现在您还可以安装插件 CordovaCameraPreview 穿过 Online PhoneGap. 因此,不使用 CLI, 您可以直接通过它,添加


<gap:plugin name="com.mbppower.camerapreview" source="plugins.cordova.io" version="0.0.8"></gap:plugin>


在您的文件中 config.xml 并创造 ApplicationTemplate.apk/.ipa. 有关此信息的更多信息,您可以问我。 我很乐意提供帮助。

UPDATE:10th 十月 2017 当年
在这次工作良好之前,但是 donaldp24/CanvasCamera 不再支持,目前无法使用最后一个版本进行构建 Cordova.

江南孤鹜

赞同来自:

我为我的一个项目做了它。 退房 navigator.getUserMedia//. 你可以用大量的东西 webcam 和浏览器,包括 AR 游戏! 这是主要的例子:

HTML

:


<html>
<head>
</head>
<body>
<form><input id="snapshot" type="button" value="snapshot"/></form>
<video autoplay=""></video>
<canvas height="100" id="canvas" width="100"></canvas>
<script src="findit.js" type="text/javascript"></script>
</body>
</html>


findit.js


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/;
}


现场演示:

http://www.sanjeevmk.in/findit
更多资源,这就是我使用的东西:

http://joshondesign.com/p/book ... .html
更新

:

如果它在我们的设备中,此解决方案仅适用于前置摄像头。 这基本上是一个决定 "webcam". 不确定它将为您的业务工作。 以防万一,检查资源。

快网

赞同来自:

您可以使用
camera.getPicture

经过
cordova-plugin-camera

或者
navigator.device.capture.captureVideo

经过
cordova-plugin-media-capture

.


var getUserMedia = navigator.getUserMedia 
|| navigator.webkitGetUserMedia
|| navigator.mozGetUserMedia
|| navigator.msGetUserMedia
|| navigator.device.capture.captureVideo
|| navigator.camera
|| camera.getPicture;


我希望它会有所帮助。

石油百科

赞同来自:

没有直接访问相机应用程序 javascript. 为此,您可以编写自己的插件 PhoneGap /Cordova/.

要回复问题请先登录注册