2013-04-16 54 views
1

我正在寻找将PhoneGap的BarcodeScanner插件与我的应用程序集成在一起,但希望将它与现有的HTML/JS(在WebView内)集成得比目前允许的更紧密。在PhoneGap上显示应用程序BarcodeScanner

理想情况下,我希望看到BarcodeScanner的'摄像头捕获'视图下的 PhoneGap的主WebView,所以我可以将我的应用程序的控件上层(工具栏等)。

我碰到过类似于Moodstocks的插件(http://www.moodstocks.com/2013/04/03/augmented-reality-with-phonegap-sencha-touch/),它似乎是通过给WebView一个透明的背景并将其显示在相机的视图之上来做到这一点。这个插件的源代码可以在这里找到(https://github.com/Moodstocks/moodstocks-phonegap-plugin),更具体地说(基于我阅读代码时带有非常难以理解的眼睛!),位于MSScannerController.m的第74-80行(https://github.com/Moodstocks/moodstocks-phonegap-plugin/blob/master/ios/MSScannerController.m)。

所以我的问题是,首先,这是可以实现的吗?其次,我如何修改PhoneGap插件来完成它?

任何指针或方向将是非常有益的!

+0

您是否曾使用PhoneGap BarcodeScanner插件获得此工作?我很想看到源代码! – Jason

+0

我没有得到它与“官方”扫描器插件工作,但我能够使用Moodstocks之一(免费,因为我只是使用扫描部分,而不是服务器端查找API等),它的工作非常好。 – Stuart

回答

3

对于第一个问题,答案是肯定的 - 是的。

对于第二个问题,我们(我的Moodstocks工作)所做的是:

  • MainViewController卸下web视图,知道你可以通过插件检索网页流量。在MoodstocksPlugin.m, lines 99-100显示我们如何通过插件的参考:

  • 将webview附加到当前视图控制器,这是我们的扫描仪控制器。 MSScannerController.m, Line 46显示了我们如何接管的WebView:

我希望这可以给你有关如何修改原来的PhoneGap BarcodeScanner插件,只是出于好奇的一些想法,为什么不直接使用MoodstocksPlugin? ;)

p.s这里是一个video显示我们的插件制作的Sencha Touch demo动画。

+0

非常感谢您的回答!很高兴听到有人这样做!关于直接使用MoodstocksPlugin,这将是理想的,但我的印象是,我将不得不使用您的'查找服务'以及?也许我误解了事情,所以你的澄清将不胜感激! :) – Stuart

+0

您可以使用Moodstocks SDK进行条码扫描,而无需使用我们的图像识别功能。它由一个可以轻松修改的扫描选项变量控制。要开始,您只需在[我们的开发人员平台](https://developers.moodstocks.com/)上注册,即可获得一对API密钥和秘密。然后,您将收到应用程序扫描统计信息的每周报告! :) –

+0

感谢钱,我昨天给了它一个bash,并得到了它与我的iOS应用程序很好地集成(很快就会试用Android)。是否有必须调用的JS函数的文档?我找不到任何地方,所以只是根据示例代码做出了最好的猜测。此外,将所有整合指令拆分为多个Repos的自述文件有点令人困惑并且很难找到 - 如果他们都在您的帮助中心(可能他们是,我只是没有看到他们?)会更好。否则,非常感谢你的工作! :) – Stuart

相关问题