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

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

谢
2021-03-20 添加评论
分享

没有找到相关结果

    已邀请:

    喜特乐

    赞同来自:

    你可以
    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.
    2021-03-21 0 0
    分享

    江南孤鹜

    赞同来自:

    我为我的一个项目做了它。 退房 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". 不确定它将为您的业务工作。 以防万一，检查资源。
    2021-03-21 0 0
    分享

    快网

    赞同来自:

    您可以使用
    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;


    我希望它会有所帮助。
    2021-03-21 0 0
    分享

    石油百科

    赞同来自:

    没有直接访问相机应用程序 javascript. 为此，您可以编写自己的插件 PhoneGap /Cordova/.
    2021-03-21 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    Copyright © 2023, All Rights Reserved