离子：预览手机摄像头视频

Question

我需要在离子应用中显示相机预览。我尝试过CanvasCamera cordova插件，但在Android上它并不起作用。此项目的github项目记录了一个问题https://github.com/donaldp24/CanvasCameraPlugin/issues/17 不幸的是，开发人员不再维护该项目。

是否有人可以使用其他方法在离子中预览手机相机？

Answer 1

我知道两种方法可以快速帧率（> 30fps）获得高质量（1080p）相机帧预览

1. WebRTC getUserMedia。但这只适用于android＆gt; = 5又称Lolliop。 iOS Safari不支持这种正确的知识。请参阅http://caniuse.com/#feat=stream
2. 将相机框架流式传输到iOS和Android上的原生视图，并将此视图放在cordova webview后面。 cordova webview必须具有原生的透明背景颜色，并且webcontent的DOM必须具有透明的div。所以你可以通过＆＃34;通过＆＃34;本机摄像头预览视图上的webcontent。您必须通过cordova插件api处理大小和设备方向。

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