Phonegap相机控制

时间:2013-05-05 23:09:22

标签: cordova camera phonegap-plugins cordova-plugins

据我所知,Phonegap API有几个选项来捕捉图片,但他们都“启动”手机相机,然后返回到应用程序,并带有捕获图像的路径。

是否可以在应用中的页面控件中显示相机流,以便在应用内捕获图像?例如。与Instagram一样,用户不会从应用程序中删除以捕获图像,即我需要在我当前应用程序页面的一部分中打开自定义相机。

如果使用插件完成此操作,是否有自定义相机的现有第三方插件或我是否需要自己编写?

我真的很喜欢Phonegap的整个想法,尤其是Phonegap Build(真棒),但如果我不能得到这种功能,我将不得不原生: - (

提前致谢!

2 个答案:

答案 0 :(得分:7)

我需要为我的增强现实(AR)应用程序提供相同的“实时相机视图”。 Phonegap确实没有提供实时摄像头视图。因此,我正在为Phonegap使用Wikitude插件。

虽然Wikitude是一个AR SDK,但它提供的基本功能是精确的相机实时视图。

如何运作? 您定义了一个'世界',即a basic HTML page。加载后,此网页的背景将是您的相机实时视图。在此网页中,您仍然可以运行PhoneGap Javascript代码。您可以随时通过PhoneGap代码将此“世界”称为“世界”。

从哪里开始 您可以从https://github.com/Wikitude/wikitude-phonegap获取PhoneGap插件。包括安装说明和示例项目。可以对Wikitude SDK进行无限制的试用,您也需要这样做。

答案 1 :(得分:1)

您可以在Cordova / phonegap应用中安装 mbppower/CordovaCameraPreview 插件(适用于Android,ios)允许从HTML代码进行相机互动。这是一个非常神奇的插件..您可以访问以下功能:

从HTML代码启动相机预览。拖动预览框。设置相机颜色效果(Android和iOS),将预览框发送到HTML内容的背面,设置相机预览框的自定义位置,设置预览框的自定义大小和维护HTML交互。 您还可以在相机预览上绘制网格线。

或者,如果符合您的要求,您也可以使用 donaldp24/CanvasCamera 插件。它支持Android和iOS平台。我观察到,对于iOS来说它的工作正常,但在android中它还没有工作。

现在,您可以使用 PhoneGap Build 在项目中安装CordovaCameraPreview插件。所以,不使用 CLI ,您可以通过添加以下内容直接使用它:

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

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