Ионный: предварительный просмотр камеры камеры видео

Question

Мне нужно отобразить предварительный просмотр камеры в моем ионном приложении. Я попробовал плагин CanvasCamera cordova, но на Android он не работает. В проекте github проекта была зарегистрирована проблема https://github.com/donaldp24/CanvasCameraPlugin/issues/17 К сожалению, разработчик больше не поддерживает этот проект.

Есть ли у кого-нибудь альтернативный метод предварительного просмотра камеры телефона в ионном?

Answer 1

Я знаю 2 способа получить высокое качество (1080p) камеры кадра предварительного просмотра с быстрой частотой кадров (> 30 кадров в секунду)

1. WebRTC GetUserMedia. Но это работает только на android> = 5 aka Lolliop. iOS Safari не поддерживает это право. См. http://caniuse.com/#feat=stream
2. Поток рамки камеры в естественный вид на iOS и Android и установите этот вид за веб-обозревателем cordova. Веб-просмотр кордовы должен иметь собственный прозрачный цвет фона, а DOM webcontent должен иметь прозрачный div вплоть до. Таким образом, вы можете «видеть» содержимое webcontent на собственном просмотре предварительного просмотра камеры. Вы должны обрабатывать калибровку и ориентацию устройства через плагин corova api.

Номер 2 немного больше работает, но имеет лучшее родственное чувство. Если вам нужно захватить фрейм (неподвижное изображение), вы можете захватить его на родной стороне, а затем поместить в javascript через плагин.