Ionic：预览手机摄像头视频

Question

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

有没有其他方法可以在 ionic 中预览手机摄像头？

Answer 1

我知道 2 种方法可以通过快速帧率 (>30fps) 获得高质量 (1080p) 相机帧预览

1. WebRTC 获取用户媒体。但这仅适用于 android >=5 aka Lolliop。 iOS Safari 不支持这个知道吧。见http://caniuse.com/#feat=stream
2. 将相机帧流式传输到 iOS 和 Android 上的本机视图，并将此视图放在 cordova webview 后面。科尔多瓦 webview 必须具有原生透明背景颜色，并且 web 内容的 DOM 也必须具有透明 div，直到 .因此，您可以在本机相机预览视图上“透视”网络内容。您必须通过 cordova 插件 api 处理大小和设备方向。

数字 2 工作量更大，但具有更好的原生感觉。如果您需要捕获帧（静止图像），您可以在本机端捕获它，然后通过插件桥将其放入 javascript。