Ionic：预览手机摄像头视频

Question

我需要在我的离子应用程序中显示摄像头预览。我尝试了CanvasCamera cordova插件，但在Android上无法使用。项目的github项目在这里记录了一个问题https://github.com/donaldp24/CanvasCameraPlugin/issues/17 不幸的是，开发人员不再维护该项目。

有没有人有另一种方法来预览手机相机的离子？

Answer 1

我知道2种方式来获得快速帧率（> 30fps）的

1. 的WebRTC getUserMedia高质量（1080）摄像头帧预览。但是这只适用于android> = 5又名Lolliop。 iOS Safari不支持这种正确的知道。请参阅http://caniuse.com/#feat=stream
2. 将摄像头帧流式传输到iOS和Android上的本机视图，并将此视图放在cordova webview后面。 cordova webview必须具有原生透明背景色，并且webcontent的DOM必须具有透明div。因此，您可以在本机相机预览视图中“透视”web内容。您必须通过cordova插件API来处理尺寸和设备方向。

2号的工作多一点，但有一个更好的本土感。如果你需要捕捉一个帧（静止图像），你可以捕捉它在本机端，然后通过插件桥将其放入JavaScript。